Material Style Left nav

Code sample

$items = [
    ['label' => 'Home', 'url' => ['/site/index']],
    ['label' => 'Yii1 File Manager', 'url' => 'https://plugins.omaraslam.com/site/demotinymce'],
    [
        'label' => 'Yii2 Video Wall',
        'url' => 'javascript:void(0)',
        'items' => [
            ['label' => 'Carousel Mode', 'url' => ['/videowall/carousel']],
            ['label' => 'Thumbnail Mode', 'url' => ['/videowall/thumbnail']],
            ['label' => 'Playlist Mode', 'url' => ['/videowall/playlist']],
            ['label' => 'Documentation', 'url' => ['/videowall/docs']],
        ],
    ],
    [
        'label' => 'Yii2 Form Wizard',
        'url' => 'javascript:void(0)',
        'items' => [
            ['label' => 'All Demos', 'url' => ['/formwizard/index']],
            ['label' => 'Documentation', 'url' => ['/formwizard/docs']],
            ['--'],
            ['label' => '<span>Basic Usage</span>'],
            ['label' => 'Minimal Options', 'url' => ['/formwizard/minimal-options']],
            ['label' => 'Enable Ajax Validation', 'url' => ['/formwizard/ajax-validation']],
            ['label' => 'Disable Validation', 'url' => ['/formwizard/disable-validation']],
            ['--'],
            ['label' => '<span>Advance Usage</span>'],
            ['label' => 'Customizing Form Fields', 'url' => ['/formwizard/customize-fields']],
            ['label' => 'Single Model Across Steps', 'url' => ['/formwizard/single-model']],
            ['label' => 'Multiple Models Single Step', 'url' => ['/formwizard/multiple-model']],
            ['label' => 'Enable Tabular Step', 'url' => ['/formwizard/tabular-step']],
            ['label' => 'Enable Preview Step', 'url' => ['/formwizard/preview-step']],
            ['label' => 'Enable Form Persistence', 'url' => ['/formwizard/form-persistence']],
            ['label' => 'Enable Skipable Step', 'url' => ['/formwizard/skip-step']],
            ['label' => 'Enable Edit Mode', 'url' => ['/formwizard/edit-mode']],
            ['label' => 'Group Fields', 'url' => ['/formwizard/group-fields']],
            ['label' => 'Custom Field Order', 'url' => ['/formwizard/custom-field-order']],
            ['label' => 'Add Custom Buttons', 'url' => ['/formwizard/custom-buttons']],
            ['--'],
            ['label' => '<span>Themes</span>'],
            ['label' => 'Arrows', 'url' => ['/formwizard/theme-arrows']],
            ['label' => 'Circles', 'url' => ['/formwizard/theme-circles']],
            ['label' => 'Dots', 'url' => ['/formwizard/theme-dots']],
            ['label' => 'Material', 'url' => ['/formwizard/theme-material']],
            ['label' => 'Material Verticle', 'url' => ['/formwizard/theme-material-v']],
            ['label' => 'Tags', 'url' => ['/formwizard/theme-tags']],
        ],
    ],
    [
        'label' => 'Yii2 Multimenu', 'url' => 'javascript:void(0)',
        'items' => [
            ['label' => 'BigDrop Menu', 'url' => ['/multimenu/bigdrop']],
            ['label' => 'Material Style Left Nav', 'url' => ['/multimenu/leftnav']],
            ['label' => 'Dropup Footer nav', 'url' => ['/multimenu/dropup']],
            ['label' => 'Documentation', 'url' => ['/multimenu/docs']],
        ],
    ],
];


echo MultiMenu::widget(
    [
        'activeCssClass' => 'active',
        'items' => $items,
        'brandLabel' => 'Left Navigation',
        'brandImage' => 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAB+0lEQVR4AcyYg5LkUBhG+1X2PdZGaW3btm3btm3bHttWrPomd1r/2Jn/VJ02TpxcH4CQ/dsuazWgzbIdrm9dZVd4pBz4zx2igTaFHrhvjneVXNHCSqIlFEjiwMyyyOBilRgGSqLNF1jnwNQdIvAt48C3IlBmHCiLQHC2zoHDu6zG1iXn6+y62ScxY9AODO6w0pvAqf23oSE4joOfH6OxfMoRnoGUm+de8wykbFt6wZtA07QwtNOqKh3ZbS3Wzz2F+1c/QJY0UCJ/J3kXWJfv7VhxCRRV1jGw7XI+gcO7rEFFRvdYxydwcPsVsC0bQdKScngt4iUTD4Fy/8p7PoHzRu1DclwmgmiqgUXjD3oTKHbAt869qdJ7l98jNTEblPTkXMwetpvnftA0LLHb4X8kiY9Kx6Q+W7wJtG0HR7fdrtYz+x7iya0vkEtUULIzCjC21wY+W/GYXusRH5kGytWTLxgEEhePPwhKYb7EK3BQuxWwTBuUkd3X8goUn6fMHLyTT+DCsQdAEXNzSMeVPAJHdF2DmH8poCREp3uwm7HsGq9J9q69iuunX6EgrwQVObjpBt8z6rdPfvE8kiiyhsvHnomrQx6BxYUyYiNS8f75H1w4/ISepDZLoDhNJ9cdNUquhRsv+6EP9oNH7Iff2A9g8h8CLt1gH0Qf9NMQAFnO60BJFQe0AAAAAElFTkSuQmCC',
        'brandUrl' => 'http://omaraslam.com',
        'activateParents' => true,
        'layoutTemplate' => '{brand}{multimenu}',
        'enableIcons' => true,
        'multimenuOptions' => [
            'theme' => MultiMenu::THEME_LEFTNAV,
            'mobileView' => true,
            MultiMenu::THEME_LEFTNAV => [
                'position' => MultiMenu::LEFT_NAV_DEFAULT,
                'slimScroll' => [
                    'scrollColor' => 'rgba(0,0,0,0.75)',
                ],
            ],
        ],
    ]
);