Rich:toolBar do RichFaces - Com fundo transparente

Olá a todos,

Alguém sabe como colocar transaparente o fundo da barra de menu? Ele só fica azul!

Já coloquei um estilo mais não muda. Vejam o código:

Menu:

<rich:toolBar binding="#{controleMenu.menuBar}" width="30%" contentClass="rich-toolbar" styleClass="rich-toolbar" />

Estilo:

.rich-toolbar{
	background-color:transparent;
	border-color:transparent;
	font-style: normal;
	text-align: left;
}

Já alterei no web.xlm o Skin de blueSky para DEFAULT mas apenas muda a cor de azul para cinza.

Alguém tem alguma idéia?

Obrigado.

Olha infelizmemente eu não sei como se faz isso.
Mas deixa eu te perguntar pra que serve esta tag contentClass???

Veja:

“A CSS style is to be applied to each element of tool bar content. Use this style, for example, to setup parameters of the font.”

Coloquei só para ver se funcionava, mas infelizmente não funciou! :cry:

Warley

por acaso descobriu como que faz para alterar a cor de fundo?? estou com o mesmo problema…

arbaco

Apesar deste post já ter um tempinho, espero ajudar colocando a solução deste problema.

A solução é simples. Basta ir no seu web.xml e retirar as seguintes linhas:

<context-param>
	<param-name>org.richfaces.SKIN</param-name>
	<param-value>blueSky</param-value>
</context-param>

Essas linhas definem q vc estará utilizando um dos skins disponibilizados pelo RichFaces. Para usar um estilo seu, é necessário retirar o mecanimo de skin do web.xml.

Depois disso, é só sobrescrever as classes CSS do RichFaces, como por exemplo a .rich-toolbar.
Tente na página que utiliza a toolbar.

<style>
     .rich-toolbar{  
          background-color:transparent;  
          border-color:transparent;  
          font-style: normal;  
          text-align: left;  
      }
<style>

Não esqueça de restartar a aplicação.
Espero ter ajudado.