Estou com um problema ao exibir o notificationBar do primefaces quando uso o componente layout.
Ele é exibido atras do layout.
Alguém ja teve esse problema?
NotificationBar + Layout Primefaces
6 Respostas
Ja sim… posta o fonte ae!
Ta aew...
ele exibe o notification bar atras do layout.
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://java.sun.com/jsf/core">
<h:head>
<link href="resources/css/style.css" rel="stylesheet" type="text/css"/>
<title>#{msg.windowTitle}</title>
</h:head>
<h:body>
<p:notificationBar id="notification" widgetVar="notificationBar">
<h:outputText value="Opa!"/>
</p:notificationBar>
<p:layout fullPage="true">
<p:layoutUnit position="north" size="100" >
north
</p:layoutUnit>
<p:layoutUnit position="west" size="400" collapsible="true">
<h:form prependId="false">
<p:commandButton onclick="notificationBar.show()"/>
</h:form>
</p:layoutUnit>
<p:layoutUnit position="center">
center
</p:layoutUnit>
<p:layoutUnit position="south">
rodapé
</p:layoutUnit>
</p:layout>
</h:body>
</html>
Alguém?
C
Basta você colocar o z-index do notificationBar para 999 por exemplo
T
Aqui funcionou assim: dentro do css coloque:
.ui-notificationbar {
z-index: 999;
}
Aí funcionou na boa.
C
trashdollar vc entendeu direitinho o que eu quiz dizer. Valeu
Criado 13 de abril de 2012
Ultima resposta 15 de jul. de 2012
Respostas 6
Participantes 4