Hi, I am new to this - please bear with me if I have gravely missed something. One feature I would love to see is multiple tabs so the app can host multiple windows. Is it available? I looked through the online documents as well as the community site, but could not find it. Thanks! -jc

Not at the moment. What you can do for now is to use radiobuttons like in the image below [image] There are some feature requests related to this like Feature request: Tabs opened 11:09AM - 02 Oct 19 UTC (UTC) …

But @JayC . There is actually a hack (?) via Bokeh that I just discovered. See Bokeh can provide layouts, tabs, advanced tables and JS Callbacks .

There’s another potential hack while we’re waiting for Streamlit-native tabs if you don’t need the power of Bokeh. You can make use of query args and Bootstrap tabs rendered via st.markdown(). Here’s a little demo inside the issue requesting tabs in streamlit: Feature request: Tabs · Issue #233 · st…

Hi @benlindsay thanks for share this code , i use it in my app. I have a question,when i want to use each page in separate python file and then use all of this file in one file as main.py. But i can’t do this in this way, can you help me more about this?

Yeah, you can handle this with standard module importing logic. Here’s an example modified from my original example: import streamlit as st from pages import home, about, contact st.markdown( '<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css…

@benlindsay Thanks for your solution, it is a new break. Can we use the css file locally , change the background color when tab is hover or clicked? It seems it not work with other bootstrap version like newest 5.0.2

You can include a local css file in a hacky way as shown in this post . I haven’t tried tinkering with CSS other than including bootstrap, so I’m not sure what the limitations are or what will clash with streamlit’s built-in CSS, but go ahead and tinker away!

Hi @benlindsay - love this hack to get tabs working. I’ve been using this in my app and it works fine when hosted locally however doesn’t work when the app is deployed. Encountering 404 page not found. Do you have a workaround for this?

I haven’t tried streamlit sharing yet so I’m not sure why that doesn’t work. I’ll have to try it out soon

Multiple tabs in streamlit

Using Streamlit

JayC November 21, 2019, 4:05pm 3

thanks @Marc. I upvoted both requests.

How to create tabs?

Urgent : Tabs in Streamlit

Topic		Replies	Views
Having Navigation tabs in Streamlit Custom Components	1	2984	December 1, 2021
Customizing the appearance of Tabs Using Streamlit	2	7833	September 28, 2023
Urgent : Tabs in Streamlit Using Streamlit	5	4046	April 17, 2021
How to create tabs on streamlit that work independently Using Streamlit tabs	6	10437	August 14, 2022
How to create tabs? Using Streamlit	3	7926	April 17, 2021

Multiple tabs in streamlit

Related topics