ui-icons不显示在自定义primefaces主题上

时间:2014-11-28 12:47:43

标签: jquery-ui jsf-2 primefaces themeroller

我使用JqueryUI ThemeRoller创建了一个自定义主题,然后我将其转换为一个jar文件,安装在我的maven repositoty中,并将其指定到我的jsf 2.2项目中,正如primefaces文档中所述。实际上一切正常,但ui-icons不会显示.. enter image description here

任何人都知道发生了什么事?

1 个答案:

答案 0 :(得分:1)

我遇到了同样的问题。

我比较了如何定义PrimeFaces主题。使用ThemeRoller创建的jQuery主题以这样的方式导入图标:

.ui-icon { width: 16px; height: 16px; background-image: url("images/ui-icons_626262_256x240.png"); 

您必须将其替换为:

.ui-icon { width: 16px; height: 16px; background-image: url("#{resource['primefaces-YOUR-THEME-NAME:images/ui-icons_626262_256x240.png']}");}</b>

也适用于其他CSS类:

.ui-icon 
.ui-widget-content .ui-icon 
.ui-widget-header .ui-icon 
.ui-state-default .ui-icon 
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon 
.ui-state-active .ui-icon 
.ui-state-highlight .ui-icon
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon