Primefaces ménubar vertical separator
j'utilise PrimeFaces 3.5. Il y a un seperateur vertical dans p:toolbar
(https://www.primefaces.org/showcase/ui/panel/toolbar.xhtml).
je veux utiliser le séparateur vertical dans p:menubar
. Lorsque j'utilise le <p:separator />
balise p:menubar
, il fait un seperateur horizontal.
Comment puis-je utiliser un séparateur vertical dans p:menubar
?
Merci.
10
demandé sur
tylerdurden
2013-10-08 13:21:13
3 réponses
je l'ai fait avec d'un côté css:
.ui-menu .ui-separator {
background: #A8A8A8;
border: none;
width: 1px;
clear: none;
height: 22px;
margin: 4px 6px 0;
box-shadow: none;
}
La clé de choses sont largeur et clear. La hauteur, la couleur de fond et la marge que vous pouvez ajuster à vos préférences.
4
répondu
Tsimon D
2013-11-06 09:52:09
essaye ceci:
<p:spacer width="1" height="22" style="position: relative; bottom: -5px;background-color: #A8A8A8; margin-left: 10px;margin-right: 10px" />
2
répondu
Douglas Nassif Roma Junior
2015-02-05 18:06:17
essaye ceci:
<p:separator id="customSeparator" style="width:100%;height:1px" />
0
répondu
Mackelito
2013-10-23 11:06:31