Change the color of the toolbar in the firstfaces

Question

Change the color of the toolbar in the firstfaces

Navigation

#1 by (0 votes)

0

I wanted to change the background color of the toolbar what the tag would be

<p:toolbar>
    <f:facet name="right">
        <h:commandButton value="Sair" style="color: "/>
    </f:facet>
</p:toolbar>

jsf xhtml primefaces

asked by anonymous 01.03.2018 / 14:55

1 answer

Error to play data from the search screen for registration screen for editing Changing value in integer array in an index works in one case, and in another not, why?

score 0 · Accepted Answer

When accessing your page through the browser, go to inspect element, click on the object you want to know the information and look for the class tag, in case the toolbar of the primefaces has the information of all the elements that make up the object.

class="ui-toolbar ui-widget ui-widget-header ui-corner-all ui-helper-clearfix"

In your css you declare the class

.ui-toolbar {
    background-color: red;
}

In this case every time you call the toolbar will come this information, in case you want this color application only in a tag, the right thing would be to create a styleClass.

<p:toolbar styleClass="teste">
    <f:facet name="right">
        <h:commandButton value="Sair" style="color: "/>
    </f:facet>
</p:toolbar>

..

.teste {
        background-color: red;
    }