如何将PrimeIcon与自定义或'none'主题一起使用



我将一个小型应用程序从JSF 1.2 RF 3.3.3迁移到JSF 2.1和PF 7.0。(2.1的原因是JBoss EAP 6.1,它只允许java 7(

外观不应该改变,所以我不使用主题(web.xml中的theme none(。大多数问题都可以用一些CSS解决,但对于p:dataTable,我需要排序图标,如果主题=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图标。你不需要从头开始,因为你可以在新星之光主题中找到所有这些。

在上面链接的主题中,找到所有包含.ui-icon的规则,尤其是像这样的规则

.ui-icon-xxx:before {
content: "...";
}

(content定义使用PrimeIcons字体中的哪个字形(,然后将其合并到样式表中。不幸的是,没有可以复制和粘贴的部分,所以这将是一项艰巨的任务。

相关内容

  • 没有找到相关文章

最新更新