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" />

enter image description here

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