Friday, October 3, 2014

Drop down menu in Yii with class

These codes show you how to make the zii.widgets.CMenu a drop down menu with custom classes for css customization
 
$this->widget('zii.widgets.CMenu', array(
 'items' => array(
  //1st sample
  array(
    'label' => 'drop down menu',
    'url' => '#',
    'linkOptions'=> array(
    'class' => '',    
   ),
   'itemOptions' => array('class'=>'li_subClass'),
   'items' => array(
    array(
     'label' => 'link 1',
     'url' => '#'
    ),
    array(
     'label' => 'link 2',
     'url' => '#'
    ),
   )
  ),
  //2nd sample with custom class
  array(
    'label' => 'drop down menu with custom class',
    'url' => '#',
    'linkOptions'=> array(
    'class' => '',    
   ),
   'itemOptions' => array('class'=>'li_subClass'),
   'items' => array(
    array(
     'label' => 'link 1',
     'url' => '#'
    ),
    array(
     'label' => 'link 2',
     'url' => '#'
    ),
   )
  ),
  //ordinary menu
  array('label'=>'Style', 'url'=>array('#', 'view'=>'about')),
  array('label'=>'Submit Painting','url'=>array('post/Submitpaintings', 'view'=>'about'),'itemOptions' => array('class'=>'btnSubmit')),  
 ),
 'encodeLabel' => false,
 'htmlOptions' => array(
  'class'=>'menu',
 ),
 'submenuHtmlOptions' => array(
  'class' => 'sub-menu',
 )
));

No comments:

Post a Comment