Image on the Menubar of PrimeFaces

Navigation
0

Hello, I have a problem with not being able to put an icon to the left of the menubar and the menu items to the right, can anyone help me? 

<h:body>
    <h:form>
        <p:menubar>

            <f:facet name="options" >
                <h:link outcome="index.xhmtl">
                    <p:graphicImage styleClass="a" name="img/logoGovernoTO.png"/>
                </h:link>
            </f:facet>


            <p:menuitem value="NOTÍCIA" url="#"/>
            <p:menuitem value="FÓRUM" url="#"/>
            <p:menuitem value="EXPLORE" url="#"/>
            <p:menuitem value="SOBRE" url="#"/>
            <p:menuitem value="CONTATO" url="#"/>

        </p:menubar>
    </h:form>
</h:body>

It would have to stay like this

    
asked by anonymous 15.08.2018 / 18:55

1 answer

0

add this to your stylesheet (eg. style style) 

.ui-menubar .ui-menubar-options {
    float: left !important;
}
.ui-menuitem {
    float: right !important
}
    
16.08.2018 / 21:03
Problems Positioning Tags Bottle Framework Put automatically generated side-by-side icons in javascript / HTML