PrimeFaces icônes
je ne peux pas trouver un moyen de recevoir la flèche icons
comme ceux présents dans le PickList
composant, afin de les utiliser dans d'autres CommandButtons
.
Eh bien, je sais que pour utiliser une icône dans le bouton de commande, il faut suivre ces instructions:
<p:commandButton outcome="target" icon="star" title="With Icon"/>
ayant défini l'icône de l'étoile dans un fichier css:
.star {
background-image: url("images/star.png");
}
mais je préférerais utiliser exactement les mêmes flèches que pour le composant PickList.
3 réponses
Primefaces utiliser jQuery themeroller pour le style de l'INTERFACE utilisateur. Toutes les icônes utilisées dans Primefaces sont de là. Juste icône mouseover vous aimez (dans themeroller) et quelque chose comme : .ui-icon-arrow-1-e
pop. Ensuite l'utiliser comme ceci:
<p:commandButton action="target" icon="ui-icon ui-icon-arrow-1-e" value="Arrow icon"/>
Voici une liste de toutes les icônes jQuery UI disponibles
jQueryUI Icônes Triche N#1 (cliquez sur Toggle text
pour obtenir tous les noms des icônes)
au moins <p:commandLink
vous pouvez appliquer les icônes en utilisant styleClass
par exemple styleClass="ui-icon ui-icon-trash"
(ne me souviens pas d'essayer la même chose sur p:commandButton
- toujours préféré <p:commandLink
)
B. T. W,<p:commandButton
n'a pas de outcome
attribut <p:button
a il...
depuis PF v5.1.1 vous pouvez aussi utiliser les icônes de Police Génial hors de la boîte, par la mise à true, le primefaces.FONT_AWESOME
param , comme ceci
<context-param>
<param-name>primefaces.FONT_AWESOME</param-name>
<param-value>true</param-value>
</context-param>
et en l'utilisant comme ceci:
<p:commandButton value="Download" icon="fa fa-download" type="button"/>
ou
<p:menuitem value="Refresh" url="#" icon="fa fa-refresh"/>
Voir la vitrine de: PrimeFaces-FontAwesome-Since v5.1.1
Essayez cela, il a travaillé pour moi
.star {background:url("images/star.png") no-repeat !important;
width:20px;
height:16px;
}