在mainmenu yii中更改標籤的位置zii.widget.CMenu

Question

在使用yii'Home'創建的默認Web應用程序中，'About'標籤始終位於左側。如何將其位置或任何其他標籤更改爲主菜單的右端。

Answer 1

可以使用htmlOptions添加類CSS當你創建了菜單：

//in your view 
$this->widget('zii.widgets.CMenu', array(
    'id'=>'myMenu', 
    'items'=>$this->myMenu, 
    'htmlOptions'=>array('class'=>'right-position'), 
)); 

的Yii將呈現這樣的：

... 
<ul class="right-position" id="myMenu"> 
... 
</ul> 
... 

而且你可以定義CSS的像右位置級別：

.right-position 
{ 
    text-align: right; 
} 

因此，您的菜單項應位於右側。

更多信息： 如果你想在不同的方式每個菜單項應用CSS，你可以使用這個itemOptions和linkOptions。例如：

//At your controller 
$this->myMenu = array(
'id'=>'myMenu', 
'items'=>array(
    array(
     'label'=>'Home', 
     'url'=>array('site/index'), 
     'itemOptions'=>array('class'=>'css-item'), 
     'linkOptions'=>array('class'=>'css-link'), 
    ) 
), 
); 

的Yii將呈現這樣的：

... 
<ul id="myMenu"> 
    <li class="css-item"> 
     <a class="css-link" href="/site/index">Home</a> 
    </li> 

... 

例如：如果你想在右側主頁項目可以定義CSS項目，如：

.css-item 
{ 
    float: right; 
} 

我希望這對你有幫助。