I would recommend using the Navigation Tree, especially for responsive layouts.

Anything you configure under App → Navigation will automatically be reflected in the Navigation Tree widget. This ensures that your navigation is centrally managed and consistent across the application.

You can create a Layout, place the Navigation Tree on the left side (for example as a sidebar), and then assign this layout to your pages. This way, all pages using that layout will automatically display the same navigation structure.

This is the standard and recommended approach in Mendix.

If this resolves the issue, please close the topic.

hi,

In Mendix, a navigation snippet like this is created using:

Navigation Layout + Menu Bar (Atlas UI)

Specifically:

• Navigation Layout
• Menu Bar widget
• Snippets (for reusable navigation structure)
• Atlas UI responsive navigation framework

This is the official Mendix-supported way mentioned in Mendix documentation.

Why Sprint Looks Different

Sprint (sprintr.home.mendix.com) looks advanced because:

• Mendix internally customized the Atlas navigation layout
• Added custom SCSS styling
• Used internal UI extensions on top of the default Menu Bar

But the base is still:

Built-in Mendix Navigation Layout + Menu Bar

If You Want to Build Similar Navigation

Recommended Mendix approach:

1. Go to Navigation → Layouts
2. Create/Edit a Navigation Layout
3. Add a Menu Bar widget
4. Move it into a Snippet for reuse
5. Customize using Atlas SCSS

Hello,

The navigation bar snippet used in SprintR.Home is not an inbuilt Mendix component. It is most likely a custom snippet created using standard Mendix layouts, containers, and styling.

In Mendix, developers often customize the navigation bar to match their design requirements, instead of using the default one.