I am currently struggelig to setup the main page of my app.
I currently have 3 containers, one containing the header, under it a container with a view container, lastly a footer. However, if the view container is bigger than the screen size, it does not take up the required space, and the footer will appear over the view container, instead of under it.
It sounds like you are having an issue with container layout and scrolling behaviour. Based on you description, it seems the view container might need adjustments to its height and overflow setting. You can try setting the view to Display - Flex with Layout Direction - Vertical, with Overflow Vertical set to Auto. Then, you can set your middle container’s Flex Child properties “Alignment” and “Sizing” to Stretch.
Alternatively, if you want your header and footer to be visible throughout all views of your app, you can paste the header and footer containers into drawers of Type - Persistent and Position - Top for the Header and Position - Bottom for the Footer. If you go for this setup, you will need an On App Load action that opens these Header and Footer drawers.
I’d like to add that with the new updates in version 108, the Shareable component will work excellently for creating footer and header components. You can create these components once and use them throughout your application.
For more information, please check the documentation at: