Material Style Left nav
Code sample
-  Home
-  Yii1 File Manager
-  Yii2 Video Wall
-  Yii2 Form Wizard
-  All Demos
-  Documentation
- Basic Usage
-  Minimal Options
-  Enable Ajax Validation
-  Disable Validation
- Advance Usage
-  Customizing Form Fields
-  Single Model Across Steps
-  Multiple Models Single Step
-  Enable Tabular Step
-  Enable Preview Step
-  Enable Form Persistence
-  Enable Skipable Step
-  Enable Edit Mode
-  Group Fields
-  Custom Field Order
-  Add Custom Buttons
- Themes
-  Arrows
-  Circles
-  Dots
-  Material
-  Material Verticle
-  Tags
-  Yii2 Multimenu
$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)',
],
],
],
]
);