2 Replies Latest reply on Jun 1, 2007 12:45 PM by paata lominadze

    Custom Component with css

    paata lominadze Master

      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.

        • 1. Re: Custom Component with css
          paata lominadze Master

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

          • 2. Re: Custom Component with css
            paata lominadze Master

            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.