Is it Possible to Add a Navigation Bar to Streamlit Apps? | Streamlit #29

Support my work:
👪 Join as Channel Member:

Recommended Resources

Subscribe:

Disclaimer:
Recommended books and tools are affiliate links that gives me a portion of sales at no cost to you, which will contribute to the improvement of this channel's contents.

#datascience #machinelearning #dataprofessor

[DataProfessor]

🌟 Join as a Channel Member to support us:

[EtienneTremblay]

In chrome, inspect the sidebar to see the css, find the css class name. In Your st.markdown, insert a <style> tag containing custom css styling to modify the sidebar z-index (modify the class for the sidebar). You might have to use !important on the z-index depending on your custom css priority in the page…

[Ibraheem_ElAnsari]

Hello Chanin ! I just posted a linkedin post with a screen capture and code fixing the sidebar issue and tagged you in the Data Professor account ! Thank you so much for the amazing video ! Can't wait for the next one

[mindfulmoments-hm]

Very nice work so far and I am waiting for multipage function. Can you tell me when are you going to upload a video for this?

[behrouzvatankhah]

great job man. You opned new window for stremlit use-case. I'm product designer and interested to collaborate with ya. Excellent video.
Cheers

[justmaths]

Hi @Data Professor, one way to hide the side bar is to create a home page without linking it to side bar and let the side bar be under a different page.

[ravidawade]

does not work with the latest version of streamlit

[MenteyExito]

Hello! Were you able to post the follow up video about the nav bar linking to other streamlit pages?

[Thomas-bsco]

Hello Chanin @DataProfessor, I would like to know if it is possible to gather links to local pages in the navigation bar ? In this video, it would consists in putting another local streamlit app instead of the link to Youtube or Twitter. Hope my question will be understandable. Thanks from Paris for this cool video.

[wannabe_quant]

Hey Prof, is it possible to link the navbar to separate streamlit pages within one app? similar to the multipage app you have shown in another video?

[sarahsekkak]

Hello, i'm using streamlit to build a graphic interface for my final project, is it possible to run some matlab codes on the streamlit app ??

[anisiobinzubechi]

I have not tried this before but I think using st.columns and then resizing the column to be used for the sidebar by trial and error should solve this issue with the permanently expanded sidebar. Cheers.

[pratik]

In which video you have shown to create drop down link? Could you please share the link to that video?
@Data Professor

[alessandroceccarelli]

How can an image be added as link to the bar? Thank you

[ThePanenka.mp]

I could not find the video or tutorial about how to navigate through streamlit pages with nav. Someone know?

[oyindamolaoronigbagbe]

For the solution, you can create a column and then put the side bar beneath the column.

[augustinetoniadavidson]

Can we bring that sidebar down a little; by adding some padding to the top of the Streamlit
I'm so excited to know.... I'm very new to Python and (now) Streamlit, and I'm loving every moment of it. I wish I could actually buy you a coffee...

[gamingwithvillain]

how do you remove the space between side bar and main content of your app

[srinivasamurthykarumanchi]

Dear Professor, Saw ur Video. Please let us know if you are able to resolve Navbar and Sidebar issue which has been discussed in this video. Please help out. Thanks, in advance

[sridharrajaram]

Anybody have the updated code after correcting the sidebar issue and local page mapping instead of external. Kindly share. its needed for my project