CMenu button customization


I like to start using CMenu, but I don’t know how to customize li element to get button with rounded corners.

I prepared CSS class which looks like that :

.button { background:url(button-center1.gif) repeat-x; height:100%; }

.button .bt-left {background:url(button-left.gif) left no-repeat;}

.button .bt-right {background:url(button-right.gif) right no-repeat;}

Ho to make it works with CMenu

Best regards

Dani Boy

You’d probably want to set the class for the root ul element:

		<?php $this->widget('zii.widgets.CMenu',array(

			'htmlOptions' => array('class' => 'round_menu'),


				array('label'=>'Home', 'url'=>array('/site/index')),

				array('label'=>'About', 'url'=>array('/site/page', 'view'=>'about')),


		)); ?>

And then you can just style the .round_menu li element.

[color="#006400"]/* Moved from tips/snippets forum to Yii 1.1 general discussion forum */[/color]