Vertical Menu
Vertical Menu

Vertical Menu right/left position for admin panel or other areas on yii2.

Installation
The preferred way to install this extension is through composer.

Either add

    "require": {
    "keygenqt/yii2-vertical-menu": "*"
}
of your composer.json file.
Menu Left:
    \keygenqt\verticalMenu\echo VerticalMenu::widget([
    'title' => 'KeyGenQt',
    'subtitle' => 'Admin panel',
    'titleUrl' => '#',
    'width' => 350,
    'side' => 'left',
    'itemsFront' => [
        [
            'url' => '#',
            'icon' => 'fas fa-sign-out-alt',
            'color' => '#2cb6e9',
            'options' => [
                'style' => '
                                        padding-top: 24px;'
            ],
        ],
    ],
    'items' => [
        [
            'label' => 'Dashboard',
            'url' => '#',
        ],
        [
            'label' => ' Multimedia',
            'items' => [
                [
                    'label' => 'Music',
                    'url' => '#',
                    'active' => true
                ],
                [
                    'label' => 'Video',
                    'url' => '#',
                ],
                [
                    'label' => 'Podcast',
                    'url' => '#',
                ],
            ]
        ],
        [
            'label' => ' Translations',
            'items' => [
                [
                    'label' => 'Books',
                    'url' => '#',
                ],
                [
                    'label' => 'Post',
                    'url' => '#',
                ],
            ]
        ],
    ]
]);
Menu Right:
    \keygenqt\verticalMenu\echo VerticalMenu::widget([
    'title' => 'KeyGenQt',
    'subtitle' => 'Admin panel',
    'titleUrl' => '#',
    'width' => 350,
    'side' => 'right',
    'itemsFront' => [
        [
            'url' => '#',
            'icon' => 'fas fa-sign-out-alt',
            'color' => '#2cb6e9',
            'options' => [
                'style' => '
                                        padding-top: 24px;'
            ],
        ],
    ],
    'items' => [
        [
            'label' => 'Dashboard',
            'url' => '#',
        ],
        [
            'label' => ' Multimedia',
            'items' => [
                [
                    'label' => 'Music',
                    'url' => '#',
                    'active' => true
                ],
                [
                    'label' => 'Video',
                    'url' => '#',
                ],
                [
                    'label' => 'Podcast',
                    'url' => '#',
                ],
            ]
        ],
        [
            'label' => ' Translations',
            'items' => [
                [
                    'label' => 'Books',
                    'url' => '#',
                ],
                [
                    'label' => 'Post',
                    'url' => '#',
                ],
            ]
        ],
    ]
]);
May 26, 2020