NotificationBar

NotificationBar is a fixed positioned panel either at the top or the bottom of the page.

Documentation Widget
PrimeFaces Rocks!
<style type="text/css">			
			.top {
				filter:alpha(opacity=80);
				opacity:0.8;
				padding:50px 0 0 50px;
        z-index: 1000;
			}
		</style>
	


<p:notificationBar position="top" effect="slide" styleClass="top" widgetVar="bar">
    <h:outputText value="PrimeFaces Rocks!" style="font-size:36px;" />
</p:notificationBar>

<p:commandButton value="Show" onclick="PF('bar').show()" type="button" icon="pi pi-arrow-down" />
<p:commandButton value="Hide" onclick="PF('bar').hide()" type="button" icon="pi pi-arrow-up"/>

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.