Template
Hierarchical Menu
How to organize your views into a hierarchy
Industry:
n/a
Function:
Other
This app demonstrates how to build a custom, hierarchical menu of your views. This is useful when you have too many views to display in the hamburger menu of your app.
Loading...
Also see:
tablet mode & fullscreen mode
How we built this app
To create a hierarchical menu, we first added a data table and then created eight views (View 1, View 2, ..., View 8) of the data. Then, we added a table called Menu that shows each view's position in the hierarchy.
We used a grouped table view of the Menu data to create our hierarchy. We grouped by the columns Level 1 and Level 2. This allows users to pick the first level of the menu, then the second.
Finally, we created a custom action that controls what happens when you click on a row in the Menu table. Each row corresponds to a view in the app, so when you click on a row, the user should be taken to that particular view. The custom action uses a LINKTOVIEW([View Name]) formula to do this. Then, we set the Event Actions of the Menu view to use this custom action.
This is a preview of the data sets used in the app.
Data
This is a high-level model of both the data entities and the UI elements in the app.
Loading...