如何使用带有自定义或“无”主题的PrimeIcons

安德·霍弗(Ande Hofer)

我将一个小型应用程序从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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

带有自定义主题的错误的窗口按钮颜色

来自分类Dev

roslibjs - 订阅带有自定义消息的主题

来自分类Dev

如何使用带有自定义属性的引用?

来自分类Dev

如何在没有插件的自定义wordpress主题中添加带有图标的搜索框

来自分类Dev

如何使用 useTheme() 钩子使用我的自定义主题?

来自分类Dev

如何使用带有所有自定义属性的ggsave保存自定义图?

来自分类Dev

如何为Bootstrap 3.0主题创建带有自定义Gylph图标的iPhone样式底部导航栏?

来自分类Dev

如何使用phpunit测试Wordpress主题的自定义类?

来自分类Dev

如何为错误页面使用自定义主题?

来自分类Dev

如何为Google创建自定义CSS主题,无验证码reCAPTCHA

来自分类Dev

Python:如何显示带有自定义内容,无窗口小部件和无事件循环的大窗口

来自分类Dev

如何定义带有px后缀的自定义类型

来自分类Dev

如何自定义DSpace主题?

来自分类Dev

如何调整/自定义GTK主题?

来自分类Dev

如何调整/自定义GTK主题?

来自分类Dev

如何自定义lightdm主题?

来自分类Dev

如何自定义Mapbox的主题

来自分类Dev

Vaadin:如何自定义Valo主题

来自分类Dev

如何自定义我的 GTK 主题?

来自分类Dev

使用自定义CSS审核主题

来自分类Dev

在makeStyles中使用自定义主题

来自分类Dev

应用未使用自定义主题

来自分类Dev

Android Studio找不到带有自定义gradle配置进行测试的主题

来自分类Dev

ggpairs用相关值的热图绘制,并带有重要星星和自定义主题

来自分类Dev

将菜单放在带有自定义主题的标题中

来自分类Dev

带有自定义主题的 WordPress 分页不起作用

来自分类Dev

使用带有自定义标签的cfqueryparam?使用自定义标签嵌套本机标签

来自分类Dev

如何正确创建带有消息的自定义异常?

来自分类Dev

如何从自定义AuthorizeAttribute返回带有模型的PartialView

Related 相关文章

  1. 1

    带有自定义主题的错误的窗口按钮颜色

  2. 2

    roslibjs - 订阅带有自定义消息的主题

  3. 3

    如何使用带有自定义属性的引用?

  4. 4

    如何在没有插件的自定义wordpress主题中添加带有图标的搜索框

  5. 5

    如何使用 useTheme() 钩子使用我的自定义主题?

  6. 6

    如何使用带有所有自定义属性的ggsave保存自定义图?

  7. 7

    如何为Bootstrap 3.0主题创建带有自定义Gylph图标的iPhone样式底部导航栏?

  8. 8

    如何使用phpunit测试Wordpress主题的自定义类?

  9. 9

    如何为错误页面使用自定义主题?

  10. 10

    如何为Google创建自定义CSS主题,无验证码reCAPTCHA

  11. 11

    Python:如何显示带有自定义内容,无窗口小部件和无事件循环的大窗口

  12. 12

    如何定义带有px后缀的自定义类型

  13. 13

    如何自定义DSpace主题?

  14. 14

    如何调整/自定义GTK主题?

  15. 15

    如何调整/自定义GTK主题?

  16. 16

    如何自定义lightdm主题?

  17. 17

    如何自定义Mapbox的主题

  18. 18

    Vaadin:如何自定义Valo主题

  19. 19

    如何自定义我的 GTK 主题?

  20. 20

    使用自定义CSS审核主题

  21. 21

    在makeStyles中使用自定义主题

  22. 22

    应用未使用自定义主题

  23. 23

    Android Studio找不到带有自定义gradle配置进行测试的主题

  24. 24

    ggpairs用相关值的热图绘制,并带有重要星星和自定义主题

  25. 25

    将菜单放在带有自定义主题的标题中

  26. 26

    带有自定义主题的 WordPress 分页不起作用

  27. 27

    使用带有自定义标签的cfqueryparam?使用自定义标签嵌套本机标签

  28. 28

    如何正确创建带有消息的自定义异常?

  29. 29

    如何从自定义AuthorizeAttribute返回带有模型的PartialView

热门标签

归档