Main Menu customization

Client
1

I have some uncertainties about mainMenuComponent from ApplicationFrameLayout.

I see that the component that should be passed to mainMenuComponent receives as props only these 4 properties:

export interface MainMenuProps {
	/** Wether the mobile mode is active or not */
	readonly mobileMode: boolean;
	/** Wether the main menu is expanded or not  */
	readonly expanded: boolean;
	/** The ref to the element which opens and closes the menu */
	readonly triggerElement?: React.MutableRefObject<HTMLElement | null>;
	onMenuItemClick(): void;
}

Does this mean that we would have to implement from scratch the entire Main Menu including what happens in mobile mode vs desktop mode if we wanted to customize it?

Is it possible to use the default implementation of the Main Menu and add configurations around it, just like it’s done for Form Engine and Overview Engine customizations?

2

Hi,

the default MainMenu implementation is not public currently. Implementing the Menu yourself when customizing is therefore required like you mentioned.

Please file a requirement ticket if A12 Client should provide the default component as public API.