Добавить иконки в widget NavBar Yii2
Некоторая верстка подразумевает под собой наличие у пунктов меню иконок. В данной статье мы разберёмся как использовать иконки fontawesome в yii2, добавив их в widget NavBar.
Подключение класса с иконками fontawesome
-
Первое с чего мы должны начать это подключить расширение с иконками, для этих целей мы будем использовать composer. Откройте консоль и перейдите в корень вашего сайта, после чего выполните команду:
1
composer require "rmrevin/yii2-fontawesome:~2.17"
-
Теперь в файле вида мы должны прописать путь к классу с иконками:
1
use rmrevin\yii\fontawesome\FA;
-
Теперь нам осталось вывести наши иконки в стандартном виджите меню yii2
1 2 3 4 5 6 7 8
echo Nav::widget([ 'options' => ['class' => 'navbar-nav'], 'items' => [ ['label' => FA::icon('home'). "Главная", 'url' => ['/site/index']], ...... ], ]); NavBar::end();
-
Вы должны увидеть ваши иконки в виде кода, чтобы иконки отображались правильно нужно в Nav::widget добавить следующий код:
1 2 3 4 5 6 7
echo Nav::widget([ 'options' => ['class' => 'navbar-nav'], 'encodeLabels' => false, ............ ]); NavBar::end();
-
Всё готово!
3 августа 2017 /
7155 Views /
0 Comment