Поверхность menuitem change custom icon

У меня есть некоторые проблемы с настройкой значка компонента menuitem.Поверхность menuitem change custom icon

Я попробовал эту форму, но я не иметь успеха:

<p:menuitem value="Clientes" outcome="/clientes/CadastroCliente" icon="resources/images/person.png"/>

Я тоже стараюсь использовать CSS

<p:menuitem value="Clientes" outcome="/clientes/CadastroCliente" icon="user"/> 

.user{ 
    background: url('resources/images/menu/users.png') no-repeat; 
    height:16px; 
    width:16px; 
}

Я использую PrimeFaces 5.

источник

2014-09-25 VitorSpin

Ваш второй способ правильный. Но я боюсь, что путь к изображению неверен. Это вы использовали относительно папки, в которой находится класс. убедитесь, что вы поместили правильный путь к этому изображению. – RafaelTSCS

Если вы посмотрите на свою консоль javascript, вы увидите какие-либо ошибки (возможно, HTTP-404), связанные с извлечением образа значка. – kolossus

. Пожалуйста, посмотрите это изображение, чтобы проверить, соответствует ли мой путь. Http://i.snag.gy /Uv2zi.jpg – VitorSpin

Попробуйте

<p:menuitem value="Clientes" outcome="/clientes/CadastroCliente" icon="user"/> 

.user { 
    background: url(../images/menu/users.png) !important; 
    height:16px; 
    width:16px; 
}

Вам необходимо !important, чтобы переписать образ по умолчанию в формате Primefaces и создать папку images непосредственно в директории src

источник

2014-09-25 20:27:22 wvq86

Поверхность menuitem change custom icon

ответ

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