Menu component

As part of the page builder in App Builder, the Menu component enables you to create dynamic navigation menus within your web applications. This component is crucial for structuring the navigation of your site, allowing users to easily access various sections and functionalities offered by your application.

Why we developed the menu component

The Menu component facilitates organized and intuitive navigation throughout your application. It supports the creation of both horizontal and vertical menus that can be customized to fit the design and user experience needs of any application.

What the menu component could be used for

• Organizing site content into accessible categories and sub-categories.

• Providing quick access to important information like contact details, support sections, and user account areas.

• Supporting responsive designs that adapt to different devices, ensuring seamless navigation on desktops, tablets, and smartphones.

Example \ use case for the menu component

Consider an MSP that manages a complex array of IT services, including cloud storage solutions, network security, and technical support. The Menu component can be used to structure these services into a well-organized menu in the sidebar of the application. For instance, each major service category could be a menu item, with drop-downs for subcategories like FAQs, pricing, setup guides, and case studies. This organization allows clients to quickly navigate through the services, find the information they need without hassle, and understand the full range of what the MSP offers, thereby improving the user experience and engagement with the platform.

Add a menu to your page

1. Access the Canvas: Open the page you're working on in edit mode, in App Platform.

2. Drag-and-Drop: Locate the 'Menu' component in the component library, then drag and drop it onto the canvas.

Configure the menu component

1. Select the component: Click on the added 'Menu' component to select it.

2. Properties Panel: On the properties panel, you'll find various configurable options:

   • Layout

     • Minimum width: Adjust the minimum width for the component.

   • Links

     • Add new Link: Specify a new link to add to the menu component

     • Drag\Drop: Reorder the links in the menu component.

3. Live Preview: The canvas provides a live preview of your configured component(s) once you've made changes.

If you have any questions or need assistance, feel free to reach out to our support team. - Happy designing! 🎨🚀