Вход

Добавить иконки в widget NavBar Yii2

Добавить иконки в widget NavBar Yii2

Некоторая верстка подразумевает под собой наличие у пунктов меню иконок. В данной статье мы разберёмся как использовать иконки fontawesome в yii2, добавив их в widget NavBar.

Подключение класса с иконками fontawesome

  1. Первое с чего мы должны начать это подключить расширение с иконками, для этих целей мы будем использовать composer. Откройте консоль и перейдите в корень вашего сайта, после чего выполните команду:

    1
    
    composer require "rmrevin/yii2-fontawesome:~2.17"
  2. Теперь в файле вида мы должны прописать путь к классу с иконками:

    1
    
    use rmrevin\yii\fontawesome\FA;
  3. Теперь нам осталось вывести наши иконки в стандартном виджите меню 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();
  4. Вы должны увидеть ваши иконки в виде кода, чтобы иконки отображались правильно нужно в Nav::widget добавить следующий код:

    1
    2
    3
    4
    5
    6
    7
    
    echo Nav::widget([
                'options' => ['class' => 'navbar-nav'],
                'encodeLabels' => false,
     
                ............
            ]);
    NavBar::end();
  5. Всё готово!

3 августа 2017 /

6683 Views /

0 Comment
Ilya Web developer
Author

«Всегда пишите код так, будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете.»Martin Golding