How do I add image into CMenu

Yii 1.1 General Discussion
1

Hi Anyone,

How do i insert for 3 pictures into the CMenu

based on the following code.

widget(‘zii.widgets.CMenu’,array( ‘items’=>array(

array(‘label’=>’Home’, ‘url’=>array(‘/index/index’)),

array(‘label’=>’Company’, ‘url’=>array(‘/company/index’), ‘visible’=>!Yii::app()->user->isGuest),

array(‘label’=>’Package’, ‘url’=>array(‘/package/index’), ‘visible’=>!Yii::app()->user->isGuest),

array(‘label’=>’Supervisor’, ‘url’=>array(‘/supervisor/index’), ‘visible’=>!Yii::app()->user->isGuest),

array(‘label’=>’Group’, ‘url’=>array(‘/group/index’), ‘visible’=>!Yii::app()->user->isGuest),

array(‘label’=>’SIM’, ‘url’=>array(‘/customer/index’), ‘visible’=>!Yii::app()->user->isGuest),

array(‘label’=>’Fence’, ‘url’=>array(‘/fence/index’), ‘visible’=>!Yii::app()->user->isGuest),

// array(‘label’=>’FenceCell’, ‘url’=>array(‘/fenceCell/index’), ‘visible’=>!Yii::app()->user->isGuest),

array(‘label’=>’Job’, ‘url’=>array(‘/job/index’), ‘visible’=>!Yii::app()->user->isGuest),

array(‘label’=>’Login’, ‘url’=>array(‘/auth/login’), ‘visible’=>Yii::app()->user->isGuest),

array(‘label’=>’Logout (‘.Yii::app()->user->name.’)’, ‘url’=>array(‘/auth/logout’), ‘visible’=>!Yii::app()->user->isGuest)

),

)); ?>

Can I add 3 pictures into this CMenu?

This 3 picture will be the image that I wanted to put into each of the menu option bar from the CMenu.

Thanks you very much for your help.

2

why not add in label propety




'label'=>'<img src="'.Yii::app()->request->baseUrl.'/images/privileges.png" />Company',

in label you can add html code.

3

To use this you have to also set the encodeLabel attribute of the widget to false

4

yess, i forgot about it :lol:




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

			'items'=>$this->menu,

			'encodeLabel'=>false,

		));
5

Hi,

After adding the label property as show below.

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

		'items'=&gt;array(


			array('encodeLabel'=&gt;false,


			      'label'=&gt;'&lt;img src=&quot;'.Yii::app()-&gt;request-&gt;baseUrl.'/images/Red_Button_Left.png&quot; /&gt;',


			      'label'=&gt;'&lt;img src=&quot;'.Yii::app()-&gt;request-&gt;baseUrl.'/images/Red_Button_Center.png&quot; /&gt;Home',


				  'label'=&gt;'&lt;img src=&quot;'.Yii::app()-&gt;request-&gt;baseUrl.'/images/Red_Button_Right.png&quot; /&gt;', 


				  'url'=&gt;array('/index/index')),


			array('label'=&gt;'Company', 'url'=&gt;array('/company/index'), 'visible'=&gt;&#33;Yii::app()-&gt;user-&gt;isGuest),


			array('label'=&gt;'Package', 'url'=&gt;array('/package/index'), 'visible'=&gt;&#33;Yii::app()-&gt;user-&gt;isGuest),


			array('label'=&gt;'Supervisor', 'url'=&gt;array('/supervisor/index'), 'visible'=&gt;&#33;Yii::app()-&gt;user-&gt;isGuest),


			array('label'=&gt;'Group', 'url'=&gt;array('/group/index'), 'visible'=&gt;&#33;Yii::app()-&gt;user-&gt;isGuest),


			array('label'=&gt;'SIM', 'url'=&gt;array('/customer/index'), 'visible'=&gt;&#33;Yii::app()-&gt;user-&gt;isGuest),


			array('label'=&gt;'Fence', 'url'=&gt;array('/fence/index'), 'visible'=&gt;&#33;Yii::app()-&gt;user-&gt;isGuest),


	//		array('label'=&gt;'FenceCell', 'url'=&gt;array('/fenceCell/index'), 'visible'=&gt;&#33;Yii::app()-&gt;user-&gt;isGuest),


			array('label'=&gt;'Job', 'url'=&gt;array('/job/index'), 'visible'=&gt;&#33;Yii::app()-&gt;user-&gt;isGuest),


			array('label'=&gt;'Login', 'url'=&gt;array('/auth/login'), 'visible'=&gt;Yii::app()-&gt;user-&gt;isGuest),


			array('label'=&gt;'Logout ('.Yii::app()-&gt;user-&gt;name.')', 'url'=&gt;array('/auth/logout'), 'visible'=&gt;&#33;Yii::app()-&gt;user-&gt;isGuest)


		),


	)); ?&gt;

Please help on it.

6

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

‘encodeLabel’=>false,

‘items’=>array(

‘label’=>’<img src="’.Yii::app()->request->baseUrl.’/images/Red_Button_Left.png" />’,

7

Hi Spyros,

I have managed to display the picture into the menu bar but it is only allowed to put one picture at one time.

I do try to put 3 pictures into this label property but only the last picture will be displayed.

I want combined this 3 pictures into one label property. How can I do it?

Thanks you so much for your help.

8

Hi,

I manage to do that by adding a table (one row, one column) to the label with background image or images. Then manage the width to fix stuff. Something like this:

array(‘label’=>’<table cellpadding=“10” border=“0” background="/images/back.gif"><tbody><tr><td><img src="/images/img.gif"/>Text</td></tr></tbody></table>’, …

Martino