我将一个小型应用程序从JSF 1.2 RF 3.3.3迁移到JSF 2.1和PF 7.0。(2.1的原因是仅允许使用Java 7的JBoss EAP 6.1)
外观不应更改,因此我不使用任何主题(web.xml中没有主题)。大多数问题可以通过一些CSS来解决,但是对于p:dataTable我需要排序图标,theme = none不存在任何图标。
有没有一种方法可以使用一些默认的排序图标,而无需在应用程序中添加一些图标?当是的时候,我该如何使用呢?我用PrimeIcons尝试了一些东西,但是没有起作用。
这些图标与PrimeFaces捆绑在一起,您可以像这样手动加载:
<h:outputStylesheet library="primefaces" name="primeicons/primeicons.css" />
这将允许您使用如下图标:
<i class="pi pi-xxx"></i>
但这不是PrimeFaces组件使用的。这些组件基于jQuery UI图标,因此类如ui-icon ui-icon-xxx
。因此,您需要创建一个照顾UI图标的自定义样式表。您无需从头开始,因为您可以在(例如)Nova Light theme中找到所有它们。
在上面链接的主题中,找到包含的所有规则.ui-icon
,尤其是像以下规则:
.ui-icon-xxx:before {
content: "...";
}
(content
定义使用PrimeIcons字体的字形),然后将其合并到样式表中。不幸的是,没有可以复制和粘贴的部分,因此这将是一项艰巨的任务。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句