Yii2 Nav Bar Bilder in Menüoptionen hinzufügen

Question

Ist es möglich, Bilder in Yii2 Bootstrap Nav Bar Menüelemente hinzuzufügen? In official doc habe ich keine Option gefunden.

Ich möchte Bilder anstelle von Label-Text anzeigen!

Nav Barcode ist.

<?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'], 
       ], 

       ], 
     ]; 

Answer 1

, wenn ein Symbol, das Sie Symbol

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

wenn ein img und der HTML-Code in Etikett

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

Ich benutze

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

verwenden können, und Sie sollten eingestellt die 'encodeLabels' => false,

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

Answer 2

ein Image-Tag auf die 'Brandlabel' Einstellung hinzufügen:

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

Answer 3

Add 'encodeLabels' => false, als Attribut für Nav :: Widget. Oder es wird den Code nicht in HTML konvertieren und er wird ihn als String betrachten und er wird so angezeigt, wie er innerhalb des Labels angegeben ist.

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.