Custom Component with css

[grdzeli_kaci]

hi all,
i tried to create my own component using ajax4jsf,
all works fine,
now i need some style classes for my component,
i did :
1.xcss file into mylib/src/main/resources/org/mycompany/renderkit/html/css

<f:template
xmlns:f="http://jsf.exadel.com/template"
 xmlns:u="http://jsf.exadel.com/template/util"
 xmlns="http://www.w3.org/1999/xhtml">

<u:selector name=".d1">
<u:style name="width" value="30%"/>
<u:style name="float" value="left"/>
<u:style name="border" value="1px solid red"/>
</u:selector>

<u:selector name=".d2">
<u:style name="width" value="100%"/>
<u:style name="border" value="1px solid blue"/>
</u:selector>

</f:template>

then into jspx file i have done

<div class="d1" x:passThruWithExclusions="value,name,type,id,class">
 #{component.attributes['value']}
 </div>
 <div class="d2" x:passThruWithExclusions="value,name,type,id,class">
 #{component.attributes['value']}
 </div>

but steel does not appear, what i did wrong ???
is there any additional configuration ????

Regards,
Paata.

[grdzeli_kaci]

ok i did it Thanks, if we want to use css add this :
<h:styles>css/VTabPane.xcss</h:styles>

[grdzeli_kaci]

hi all,
i looked into tabpanel source code, there is so difficult business logic,
and write another tabpane which support vertical tabs is not good idea,

i tried to change source of this component but i can't locate tabs vertically,

can anybody help me co change this code ?
i think that this must be into tabpanel.jspx file


there is define component by html table, i tried to change it all day long but i cant :(
Please help.
ilya said that it is good idea to use togglepanel, but i think that changing this components is more easy, for me both of them is difficult :))


Regards,
Paata.