Question 1

How can I add more than two levels to the side menu?

Accepted Answer

The component only supports two levels; for deeper nesting, the README suggests using a tabs layout as an alternative or modifying the source code, which may require custom development.

Question 2

Is this compatible with Ionic 4 or Angular 6?

Accepted Answer

No, it's built specifically for Ionic 3 and Ionic-Angular 3.9.2. Upgrading to newer versions would require significant changes to the component code due to framework differences.

Question 3

How do I style the menu options to match my app's design?

Accepted Answer

Use the provided CSS classes like 'option', 'header', and 'sub-option' in your SCSS, and customize settings like selectedOptionClass for highlighted items, as detailed in the theming section with example rules.

Question 4

What's the difference between accordion and default mode?

Accepted Answer

Accordion mode collapses all other options when one is expanded, while default mode allows multiple options to be open simultaneously. This is visually demonstrated in the gifs included in the README.

Question 5

Ionic2-MultiLevelSideMenu vs Ionic's default menu: which should I use?

Accepted Answer

Use this component if you need hierarchical navigation with suboptions, dynamic badges, and advanced customization. Ionic's default menu is simpler and better suited for flat navigation structures without nested items.

Question 6

How to keep the menu selection updated when navigating from a page button?

Accepted Answer

Implement the SideMenuDisplayText decorator or publish the SideMenuOptionSelect event, which require setting up the app module injector as described in the 'Navigation outside the side menu' section.

Multi Level Sidemenu

What is Multi Level Sidemenu?

Overview

Use Cases

Best For

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions