Ich benutze PrimeFaces 3.5. Es gibt einen vertikalen Trenner in p:toolbar (https://www.primefaces.org/showcase/ui/panel/toolbar.xhtml).Primefaces menubar vertikaler separator
Ich möchte vertikalen Trenner in p:menubar verwenden. Wenn ich den <p:separator /> Umbau in p:menubar verwende, bildet er einen horizontalen Trenner.
Wie kann ich vertikalen Trenner in p:menubar verwenden?
Danke.
ich es mit dem nächsten CSS tat
.ui-menu .ui-separator {
background: #A8A8A8;
border: none;
width: 1px;
clear: none;
height: 22px;
margin: 4px 6px 0;
box-shadow: none;
}
Die wichtigsten Dinge sind Breite und klar. Höhe, Hintergrundfarbe und Rand können Sie Ihren Vorlieben anpassen.
danke, das funktioniert. – tylerdurden
Versuchen Sie folgendes:
<p:separator id="customSeparator" style="width:100%;height:1px" />
erstellt einen horizontalen Trenner, nicht vertikal – tylerdurden
Sorry! ... was ist, wenn Sie versuchen, style = "width: 1px; height: 100%;" – Mackelito
Ich habe es versucht, aber es funktioniert auch nicht. es erstellt einen 1px horizontalen Trenner, und der Rest der Menüelemente geht unter diesen Trenner – tylerdurden
Try this:
<p:spacer width="1" height="22" style="position: relative; bottom: -5px;background-color: #A8A8A8; margin-left: 10px;margin-right: 10px" />
Dies ist eine funktionierende Lösung, aber ich würde die 'height =" 22 "' entfernen und 'style =" height: 100%! Wichtig hinzufügen; " – Rodrigo
Es ist eine Option. Aber ich entschied mich, wegen der Anpassung 'bottom: -5px' fest zu bleiben. Das heißt, abhängig vom Wert der "Höhe" müssen Sie den Wert von "unten" in die Mitte ändern. –
was ist dieser Code? Wo wird ausgegeben? –
meinst du den Code in der Verbindung? – tylerdurden