Primefaces - Mudar o background-color de um <p:layoutUnit>

3,638 views
Skip to first unread message

marqu...@gmail.com

unread,
Dec 7, 2012, 3:27:38 PM12/7/12
to jav...@googlegroups.com
Colegas,

 tenho o componente:

<p:layout fullPage="true">
...
<p:layoutUnit position="center>
...
</p:layoutUnit>
...
</p:layout>

Pois bem, gostaria de mudar a cor de fundo do p:layoutUnit e fiz assim:
<p:layoutUnit position="center style="background-colordarkblue>

Porém o background não muda de cor. Como eu faço para sobecrever o css desse componente?
Muito obrigado,
Marques

Fabio Luciano Goes

unread,
Dec 7, 2012, 3:37:06 PM12/7/12
to javasf
tente
backgr
<p:layoutUnit position="center
style="background-colordarkblue !important">


senão vc vai ter que sobrescrever o css, porem nao seu exatamente qual o nome que utiliza para esse componente, tente dar uma olhada na documentação.
para exemplificar o que disse, eu costumo mudar a posição da mensagem no primefaces sobrescrevendo o css do componente :

.ui-growl {
    left:40%;
    top:40%!important;
}




--
Você está recebendo esta mensagem porque se inscreveu no grupo "javasf: JavaServer Faces Group" dos Grupos do Google.
Visite este grupo em http://groups.google.com/group/javasf?hl=pt-BR.
 
 



--
Fabio Luciano Goes dos Santos
Analista Desenvolvedor
fabioluc...@gmail.com


Jose Marques Filho

unread,
Dec 7, 2012, 3:54:14 PM12/7/12
to javasf: JavaServer Faces Group
Fabio,

Dessa forma que vc sugeriu, style="background-color: darkblue !important", mudou a cor apenas as bordas.
O que mais posso tentar?
Obrigado,
Marques


2012/12/7 Fabio Luciano Goes <fabioluc...@gmail.com>
style="background-colordarkblue !important"

Fabio Luciano Goes

unread,
Dec 7, 2012, 4:06:22 PM12/7/12
to javasf
Na documentação do primefaces ele informa as classes do componente e a aplicação:

Style Class                                Applies
.ui-layout                                   Main wrapper container element
.ui-layout-doc                             Layout container
.ui-layout-unit                             Each layout unit container
.ui-layout-{position}                     Position based layout unit
.ui-layout-unit-header                  Layout unit header
.ui-layout-unit-content                 Layout unit body


ai nao tem jeito, vc vai ter que testar qual desse terá que sobrescrever.


Em 7 de dezembro de 2012 18:54, Jose Marques Filho <marqu...@gmail.com> escreveu:

Jose Marques Filho

unread,
Dec 7, 2012, 4:13:12 PM12/7/12
to javasf: JavaServer Faces Group
Obrigado Fabio,

Vc testar aqui. De qqer forma, muito obrigado. Vlw!

2012/12/7 Fabio Luciano Goes <fabioluc...@gmail.com>
.ui-layout-unit-content

Shirley do Vale

unread,
Aug 30, 2013, 2:35:04 PM8/30/13
to jav...@googlegroups.com
Tks.
Reply all
Reply to author
Forward
0 new messages