Yii2導航欄在菜單項中添加圖像

是否可以在Yii2 Bootstrap導航欄菜單項中添加圖像？在official doc我還沒有找到任何選項。Yii2導航欄在菜單項中添加圖像

我想顯示圖像而不是標籤文本！

導航條碼是。

<?php 
    NavBar::begin([ 
     'brandLabel' => 'My Company', 
     'brandUrl' => Yii::$app->homeUrl, 
     'options' => [ 
      'class' => 'navbar-inverse navbar-fixed-top', 
     ], 
    ]); 

    $menuItems = []; 

    $menuItems[] = [ 
      'label' => Yii::t('app','Language'), 
      'items' => [ 
       [ 
        'label' => 'English', 
        'url' => ['site/language','set'=>'en'], 
       ], 

       '<li class="divider"></li>', 

       [ 
        'label' => 'Danmark', 
        'url' => ['site/language','set'=>'da'], 
       ], 

       ], 
     ];

來源

2016-07-22 Muhammad Shahzad

如果一個圖標，你可以，如果使用圖標

$menuItems[] = [ 
     'label' => Yii::t('app','Language'), 
     'items' => [ 
      [ 
       'label' => 'English', 
       'url' => ['site/language','set'=>'en'], 
       'icon'=> 'cog', 
      ],

的IMG和標籤

$menuItems[] = [ 
     'label' => Yii::t('app','Language'), 
     'items' => [ 
      [ 
       'label' => '<img src="smiley.gif" ><span>sample</span>', 
       'url' => ['site/language','set'=>'en'], 
      ],

我用

use yii\bootstrap\Nav; 
use yii\bootstrap\NavBar;

，你應該設置的html代碼'encodeLabels'=> false，

 echo Nav::widget([ 
      'options' => ['class' => 'navbar-nav navbar-right'], 
      'items' => $menuItems, 
      'encodeLabels' => false, 
     ]);

來源

2016-07-22 18:35:39 scaisEdge

「標籤」 =>「樣品」，我綁這一點，但它顯示的HTML，因爲它是'樣品' –

奇怪這項工作FO爲我..我用導航欄插件 – scaisEdge

燦你請發佈你的導航條碼！可能你已經設置了一些額外的選項。 –

圖像標記添加到 'brandLabel' 設置：

NavBar::begin([ 
    'brandLabel' => '<img id="logo" src="/img/logo.svg" alt="logo">', 
    'brandUrl' => Yii::$app->homeUrl, 
    'options' => [ 
     'class' => 'navbar', 
    ], 
]);

來源

2016-07-22 19:36:44 James

添加 'encodeLabels'=>假，作爲用於導航::小窗口的屬性。否則它不會將代碼轉換爲HTML，並且它會將其視爲字符串，並且會在標籤內給出它時顯示。

echo Nav::widget([ 
    'options' => ['class' => 'navbar-nav navbar-left'], 
    'encodeLabels' => false, 
    'items' => [ 
     [ 
      'label' => '<span class="glyphicon glyphicon-home"></span>', 
      'url' => ['/site/dashboard'], 
     ], 
    ] // Close of items 
    ]); // Close of Nav::Widget.

來源

2018-01-05 07:10:00 Pravin

Yii2導航欄在菜單項中添加圖像

回答

相關問題