Floating group side menu height

I’m trying to make a side menu to a mobile app.
I have a floating group set to the following:

The height is set to the height of the canvas.
So far so good all works.

The issue arrises when I try to make multiple pages and contol them with setting states.
I create the pages - stack them one after the other in a row collapse their height when not visible.
like this:

This however does my side-menu not agree with it ends up looking like this:


Where the hight does not expand all the way down.

I made some sort of work around where I place groups that is set to collaps when not visible as the hight of the ‘Stacked pages’ inside my floating side menu which seems to work, but is this how I am suppose to do this?
What do you fx do with scrollable pages where you don’t know how long the content will be?

Vertical stacking the content groups.

Do not worry about the height of the page on the editor. There are apps with tens of thousands pixels high.

Conditionally set their visibility via custom states or url parameters but making sure that collapse when hidden is set in each. Since you are going to the same page, url parameters should work for a PWA no problem. Have not published to the stores with url parameters yet, but a change to custom states can be used (it is just too intricate for my taste).

Make your floating left menu as high as the page always. Set to float to both, left and above. Make sure it’s top/bottom borders touch the top/bottom borders of the page.

1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.