p: menuitem icon customization

Я хочу поместить файл изображения png, как значок в пункт меню.p: menuitem icon customization

Код я предлагаю:

<p:menuitem id="lang_en" value="English" icon="sertec-english-icon" 
    actionListener="#{langController.countryLocaleCodeChanged('en')}" ajax="false" />

Файл CSS находится в: SRC/главная/веб-приложение/ресурсы/CSS/icons.css

В template.xhtml добавить строку:

<h:outputStylesheet name="icons.css" library="css" />

icons.css:

.sertec-english-icon { 
    background-image: url("resources/icons/eeuu.png") no-repeat !important; 
    width:20px; 
    height:16px; 
}

Но пункт меню на веб-странице похож:

Что я делаю неправильно?

источник

2016-10-08 Pablo Aleman

Ресурсы/иконки/eeuu.png, является ли этот путь общедоступным ??? – Kenshin

Я думаю, что значок работает только с [ui-icon] (https://api.jqueryui.com/theming/icons/), если вы хотите сделать его образным, единственным решением является использование '

'вместо' menuitem' –

Что показывает консоль вашего навигатора? –

Наконец он работает для меня:

код CSS:

.fa-sertec-spanish-icon { 
    background: url("#{resource['icons/espaniol.png']}") no-repeat !important; 
    width:20px !important; 
     height:16px !important; 
}

файлы значок местоположения, как: RootFolder/SRC/главная/веб-приложение/ресурсы/иконки/espaniol.png

и в файле xtml:

<p:menuitem id="lang_es" value="Español" icon="fa fa-sertec-spanish-icon" actionListener="#{langController.countryLocaleCodeChanged('es')}" ajax="false" />

ПРИМЕЧАНИЕ: в css должен начинаться с fa, иначе он не будет работать

источник

2016-10-16 21:10:27

Не можете ли вы просто использовать атрибут «class» в меню, а не значок? – Kukeltje

ответ

Смежные вопросы