Dropup Footer 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' => 'Demos',
                    'url' => 'javascript:void(0)',
                    'items' => [
                        [
                            'label' => 'All Demos',
                            'url' => ['/formwizard/index'],
                        ],
                        [
                            'label' => 'Basic Usage',
                            'url' => 'javascript:void(0)',
                            'items' => [
                                ['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>',
                            'url' => 'javascript:void(0)',
                            'items' => [
                                ['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>',
                            'url' => 'javascript:void(0)',
                            'items' => [
                                ['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' => 'Documentation',
                    'url' => 'javascript:void(0)',
                    'items' => [
                        [
                            'label' => 'Docs',
                            'url' => ['/formwizard/docs'],
                        ],
                    ],
                ],
            ],
        ],
        [
            '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',
            'encodeLabels' => false,
            'items' => $items,
            'layoutTemplate' => '{multimenu}{brand}',
            'enableIcons' => false,
            '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',
            'brandLabel' => 'Bigdrop',
            'activateParents' => true,
            'multimenuOptions' => [
                'theme' => MultiMenu::THEME_BIGDROP,
            ],
        ]
    );