Skip to main content
Skip table of contents

Create Menu and sub-menus

To make sub-menus, MenuAutoItems component can not be used, it has to be done “manually”.

Most of the Palette components can be used to create Menu and Sub-menus (Grid, List items, Buttons, Icons, Accordion Group, …).

The Accordion Group component is likely to be the most useful one.

Here is an example :

You can think of a more sophisticated and complex menus using code to automatically retrieve pages name and build menu and sub-menus with a ForEach Directive:

let pages = this.router.pagesArray; // Function that returns an Array of Pages with their properties 
// Function that returns the name of the active page.
//  In 'Edit Application class' or in 'Edit Page class'
public getActivePage() {
		let url = this.angularRouter.routerState.snapshot.url;
		console.log("current url is: ", url)
		for (let page of this.appPages) {
			if (url.substring(1).startsWith(page["url"])) {
				console.log("active page is: ", page["name"])
				return page["name"]
		return ""

With this helper functions you can build an automatic menu and sub-menus.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.