Navigation Menu in the bottom of the UI

I’m using Anvil to develop a mobile app and would like to put 3 different links in the bottom of the screen side by side (similar to the Spotify app with the ‘Home’, ‘Search’, and ‘Your Library’ links). In Anvil’s docs I only see how to create a navigation menu on the left side of the UI using the Column Panel. Does anyone know how to do this in the bottom of the UI?

1 Like

Doesn’t the new material 3 theme support this?

1 Like

Could you please elaborate? I still only see a left-hand side navigation menu in the new material 3 theme

Hello @splynch02,

You’re right that within the editor, the navigation rail is located on the left side of the form – and if you publish your app and open it in a full-screen browser window on your pc, it’ll display at that location.

But if you make the window more narrow – or open your app on a mobile device – the navigation raise will “collapse” to the bottom of the screen.

you may want – within your form’s __init__ function – to include the line:
self.layout._close_sidesheet()

2 Likes

Thank you for clarifying!