Menu icon Foundation
Foundation for Apps Off-Canvas Multilevel Menu

Hello everybody,

Is there an out-of-the-box solution for an Off-Canvas Multilevel Menu?
I saw such a menu in the docs of Foundation for Sites.

Thank you.

foundation for appsOff-Canvas Multilevel Menu

Hello everybody,

Is there an out-of-the-box solution for an Off-Canvas Multilevel Menu?
I saw such a menu in the docs of Foundation for Sites.

Thank you.

Rafi Benkual over 4 years ago

One way to do this is to use a panel, then the toggle to the next level will open another panel. Panels can have block lists in them. You can also us an Angular drill down menu like this http://wuxiaoying.github.io/angular-multilevelpushmenu/#

Andrew J. Holden over 4 years ago

Sort of related: This is some starting code to place an action sheet in a menu-bar. (inline styles used here for brevity)

            <li class="position:relative;">
                    <div zf-action-sheet="" style="position:absolute; top:0; right: 0;">
                        <div zf-as-button="" title="I'm an Action Sheet"></div>
                        <div zf-as-content="" position="left">
                            <p>Tap to share</p>
                            <ul>
                                <li><a href="#">Twitter</a></li>
                                <li><a href="#">Facebook</a></li>
                                <li><a href="#">Mail</a></li>
                            </ul>
                        </div>
                    </div>
            </li> <!-- TODO - making dynamic, add dropdown -->