Streamlit sidebar heading when collapsed

Using Streamlit
1

Hi all,

Looking at using a sidebar in my app to contain selectors that can then be collapsed and hidden to free up space for the rest of the dashboard.

I want to know if there is a way to improve the visibility of the sidebar. I have seen posts on here that can alter the display of the collapsed arrow (How to make the collapsed sidebar on mobile more "visible"). However, I would like to do more. For example, is there a way to add some vertical text (similar to PowerBI - below), or some text associated with the arrow when it’s collapsed? I DON’T need multiple tabs, but good inspiration for the format!

image
image398×742 32.7 KB

Key info:
Not debugging, exploring options for using sidebar (open to other solutions too).
Deployed on another platform (but not live yet)
Python version 3.12, streamlit version 1.45.0

Thanks!

2

Hi @Matthew5 thanks for sharing my previous thread.
As you probably already noticed, I din’t receive much support there, so let’s hope that this time it goes better.
Since the mentioned issue, I have tried to imagine different ways to improve the sidebar visibility when collapsed:

  • hamburger icon for collapsing/expanding (≡)
  • if collapsed, instead of making it invisible, let it stick out a bit from the left side
  • if collapsed and if sticking out, some texts/icons can be displayed (as you also mentioned) to suggest the presence of a sidebar there

Below the Gmail example to better undestrand my proposals:

image
image214×546 18.5 KB