Force mobile menu in ApplicationFrameLayout?

Widgets
1

For our app development the regular menu is displayed when using the device in landscape mode.
Due to very limited space the menu should be shown in mobile mode.

In ApplicationFrameLayout a method is used to determine the mode:
const mobileMode = isOnSmallDevice(this.context?.currentSize);

On my test device I receive “xs” in portrait mode but “md” in landscape mode. So in landscape mode the menu is automatically set to non-mobile.

As the regular menu uses way too much space I would need to have an attribute to set the menu to mobile mode. Is there a possibility to force the mobile menu?

2

you can add/adapt the SizeContext provider arround your application code:
A12 Docs: Client - features-responsive-behavior

depending on your conditions you can then add different size values

3

Yes, you’re right. I can of course just prevent the setting of sizes bigger than “sm”. This should work, thanks :slight_smile:

4

or at least fine-tune them, by for example having a look onto the height/width ratio