Toolbar

Toolbar is a grouping component for buttons and other content.

Documentation
<h:form>     
    <p:growl id="messages" showDetail="true" />

    <p:toolbar>
        <f:facet name="left">
            <p:commandButton type="button" value="New" icon="pi pi-file" />

            <p:commandButton type="button" value="Open" icon="pi pi-folder-open" />

            <span class="ui-separator">
                <span class="ui-icon pi pi-ellipsis-v" />
            </span>

            <p:commandButton type="button" title="Save" icon="pi pi-save" />
            <p:commandButton type="button" title="Delete" icon="pi pi-trash" />
            <p:commandButton type="button" title="Print" icon="pi pi-print" />
        </f:facet>

        <f:facet name="right">
            <p:menuButton value="Options">
                <p:menuitem value="Save" action="#{toolbarView.save}" update="messages" icon="pi pi-save" />
                <p:menuitem value="Update" action="#{toolbarView.update}" update="messages" icon="pi pi-refresh" />
                <p:menuitem value="Delete" action="#{toolbarView.delete}" ajax="false" icon="pi pi-times" />
                <p:menuitem value="Homepage" url="http://www.primefaces.org" icon="pi pi-home" />
            </p:menuButton>
        </f:facet>

    </p:toolbar>
</h:form>

FREE THEMES

Built-in component themes created by the PrimeFaces Theme Designer.

nova-light Nova-Light
nova-dark Nova-Dark
nova-colored Nova-Colored
luna-blue Luna-Blue
luna-amber Luna-Amber
luna-green Luna-Green
luna-pink Luna-Pink
omega Omega

PREMIUM TEMPLATES

Create awesome applications in no time using the premium templates and impress your users.