I have created a multi page app in Streamlit ( separate .py files, 1 per page).
The default navigation menu is shown in the sidebar
How can I change it to show horizontally and still keep the multiple pages ( each on a separate .py file )
I have created a multi page app in Streamlit ( separate .py files, 1 per page).
The default navigation menu is shown in the sidebar
How can I change it to show horizontally and still keep the multiple pages ( each on a separate .py file )
Hi @marialuch
Unfortunately, there’s no official way to change the navigation layout to a horizontal layout. However, there are third-party Streamlit components that may allow you to add a horizontal navigation bar, which you can look into the Hydralit component (GitHub - TangleSpace/hydralit_components: A package of custom components for Streamlit and Hydralit. Can be used directly or in combination with the Hydralit package.).
I’ve also created a video on how to add a bootstrap horizontal navigation bar via CSS customization (https://www.youtube.com/watch?v=hoPvOIJvrb8).
Best regards,
Chanin
This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.
These cookies are necessary for the website to function and cannot be switched off. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms.
These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us understand how visitors move around the site and which pages are most frequently visited.
These cookies are used to record your choices and settings, maintain your preferences over time and recognize you when you return to our website. These cookies help us to personalize our content for you and remember your preferences.
These cookies may be deployed to our site by our advertising partners to build a profile of your interest and provide you with content that is relevant to you, including showing you relevant ads on other websites.