Cjuitabs Class Problem

Hi,

I need to set class for each tab in CJuiTabs. But I dont know How to apply this.

I want to change each Tab color




$this->widget('zii.widgets.jui.CJuiTabs', array(

    'tabs'=>

         array(

        'StaticTab 1'=>'Content for tab 1',  

        'StaticTab 2'=>=array('id'=>$i,'content'=>$this->renderPartial('category',TRUE));,      

       ),

      'options'=>array(

        'collapsible'=>false,

      ),

     'id'=>'categorytabs',

  ));



I did not get any solution. So i applied What i know.

I added class using span




$this->widget('zii.widgets.jui.CJuiTabs', array(

    'tabs'=>

         array(

        '<span class="class1">StaticTab 1</span>'=>'Content for tab 1',  

        '<span class="class2">StaticTab 2</span>'=>=array('id'=>$i,'content'=>$this->renderPartial('category',TRUE));,      

       ),

      'options'=>array(

        'collapsible'=>false,

      ),

     'id'=>'categorytabs',

  ));



I’m not sure you can assign a ‘class’ attribute through the widget.

But if your only goal is to change tabs colors, you may check here:

http://forum.jquery.com/topic/how-to-color-code-each-individual-tab-in-jquery-ui-tabs

http://keith-wood.name/uiTabs.html

Clever workaround :)