CMenu button customization

Yii 1.1 General Discussion
1

Hi,

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

2

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'),

			'items'=>array(

				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.

3

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