Utilizzo PrimeFaces 3.5. C'è un separatore verticale in p:toolbar (https://www.primefaces.org/showcase/ui/panel/toolbar.xhtml).Separatore verticale per separatori di primi piatti
Desidero utilizzare il separatore verticale in p:menubar. Quando uso il tag <p:separator /> in p:menubar, crea un separatore orizzontale.
Come posso utilizzare il separatore verticale in p:menubar?
Grazie.
l'ho fatto con la prossima css:
.ui-menu .ui-separator {
background: #A8A8A8;
border: none;
width: 1px;
clear: none;
height: 22px;
margin: 4px 6px 0;
box-shadow: none;
}
Le cose principali sono larghezza e chiaro. Altezza, colore di sfondo e margine che puoi regolare per le tue preferenze.
grazie, questo funziona. – tylerdurden
Prova questo:
<p:separator id="customSeparator" style="width:100%;height:1px" />
che crea un seperatore orizzontale, non verticale – tylerdurden
Scusa! ... cosa succede se provi a impostare style = "width: 1px; height: 100%;" – Mackelito
l'ho provato ma non funziona neanche. crea un separatore orizzontale 1px e il resto degli elementi del menu passa sotto quel separatore – tylerdurden
Prova questo:
<p:spacer width="1" height="22" style="position: relative; bottom: -5px;background-color: #A8A8A8; margin-left: 10px;margin-right: 10px" />
Questa è una soluzione funzionante, ma vorrei rimuovere 'height =" 22 "' e aggiungere 'style =" height: 100%! Important; "' – Rodrigo
È un'opzione. Ma ho scelto di lasciare fisso, a causa della regolazione in basso: -5px'. Cioè, a seconda del valore di 'height', devi cambiare il valore di' bottom' al centro. –
che cosa è questo codice? dove viene emesso? –
intendi il codice nel link? – tylerdurden