(Use case) Accordion menu

Requirements

• Automation Studio 4.4
• mappView 5.4

Description

This example -->sample<-- shows how to create an accordion menu with mappView.

Implementation

• Add a group box and set the child positioning to relative
• Add a toogle button for each main point
• Add navigation bar under each main point
• Add navigation button into the navigation bar

Add a group box and set the child positioning to relative

Add the group box to the navigation frame. This is the main container for the menu. Using a relative child positioning makes sure that the buttons will move up and down when the navigation bars are hidden or visible.

Add a toogle button for each main point

The toggle button is used to show and hide the navigation bar. This creates the effect of sub menu showing up.

Add navigation bar under each main point

The navigation bar is the container for the buttons that trigger the page change.

Add navigation button into the navigation bar

This triggers the actual page change.