St.tabs - static / pinned

[camilla]

Summary

I am new to Streamlit and have been asked to find out whether it is possible to make tabs static / pinned so that when you scroll down a page they are still visible.

On the example on this page: st.tabs - Streamlit Docs ‘chart’ and ‘data’ would be pinned so that you could still see them when you scrolled down.

Thanks!

[mathcatsand]

I’m not aware of an out-of-the-box setting for that, but you can inject custom css to extend things if you are proficient. I’d have to play around to figure out the right mix, but I think it’s certainly plausible. Another user created a custom nav bar that might be of interest to you. Would this help with what you want?

Streamlit Navbar

While we are waiting for an official navbar, I’ve created a simple app to show how can you create a navbar by yourself. To be more specific, a way to embed streamlit app, inside an HTML page, and navigate inside the app using a bootstrap navbar. Ideally, i would wrap it with flask. Demo: [snapshot] Code:

[camilla]

Thank you so much that’s really helpful. I saw that you could use CSS. I am not so proficient but I have sent the suggested solution to a colleague and I will continue to see if I can have success!