rich:Panel style

[basharf]

Hello all,

I was able to change the width of a rich:tabPanel and a rich:dataTable .... but not with the   rich:panel ...

does any one know why ?

<rich:panel id="bk" styleClass="#bk">

#bk {

width: 200px;

}

but nothing happens .. any clues ?

Thanks.

[boy18nj]

you are doing it wrong way, do this way-

<rich:panel id="bk" class="width : 200px;">

[basharf]

Oh I see !!

Thanks for the help ..  but what if I have more than one style I mean, if i want to control the width, height, color .... etc ..

cant I depend on my way ?

Thank you

[gonchar]

Hi!

Attributes styleClass and class is not necessary, cause id selector has been used.

<rich:panel id="bk">

#bk {

width: 200px;

}

[basharf]

but it didnt take the effect  when I used with the id .. I dont know why

[gonchar]

Debug for example in Firebug and check id, is it realy "bk"

[gonchar]

...

<style>

     #test {

          width: 200px;

     }

</style>

<rich:panel id="test"></rich:panel>

...

I've tried like i suggested and it works!

[snaker]

if you use that:

<rich:panel id="bk" styleClass="#bk">

#bk {

width: 200px;

}

I supose #bk is in a css class, if use "#" only need id ofr rich:panel, you don't need styleClass, but i don't know why with richfaces for id doesn't work, so you must put:

<rich:panel id="bk" styleClass="bk">

In the ccs class:

.bk{

     width:200px;

     ...

     ...

     backgroud-color:lightgray;

     color: red;

}

it works.

if you use a header you must overwrite the class of richfaces (panel) because styleClass only is for the panel body

[basharf]

I  understand

Thanks a lot Vitaliy Gonchar and Kike Gil for clreaing it in details .... it works now 

[snaker]

finally, how do you do?

for id??