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,
],
]
);