Navigation bar with dynamic loading

Custom Components
1

Hey there,
this is my first post, so please be patient with me. I recently started to develop a modularised approach in Streamlit. I have some experience with Stremlit, but I am by far not a pro.

For now, the whole python-file gets its configuration for the users loaded from a configuration .yml. This includes information for plots and also tabs.
Second one is where I am having my issue. The tabs are generated based on the .yml file, however they don’t seem optimal to be used as a main navigation menu through our application. When there are too many tabs, its seems that Streamlit does not show all the tabs due to the size of the container.
I was checking some custom solutions, but I don’t want to be dependent on too many third-party solutions.

Is there a (preferably native) way for Streamlit to navigate properly?
I hope I described everything as concrete as possible, in case there are more questions feel free to reach out to me.

greetings
Patrick Schuster

2

You can scroll through the tabs using <shift>+wheel or <shift>+arrows.

Anyway, if you have to choose one of many options, tabs become inconvenient. I think a selecbox would be much better in that case.

3

Hey there,

thanks for the fast reply. Selectbox sounds like a first approach I could try, however do you know if its possible to have tabs “under” a select box?
One possible downside I could think of is, that the users do not “see” with one view, which options of different content they can display, compared to the different tabs.

4

Of course it is. Why wouldn’t it?

But you already had that issue with tabs, didn’t you?

When there are too many tabs, its seems that Streamlit does not show all the tabs due to the size of the container.

This is inherent to having an unbounded number of options, at some point you run out of screen estate and you can’t see all of them at once.