Multiple Page App Side Bar Icon and Background in Streamlit

murat taşçı 0
Viewed 109

  1. Is there any way to use the icons which ı select for the sidebar in multiple page app. I want to make a sidebar like the below image:

  2. Is there any way to change the background image of sidebar?

enter image description here

streamlit python-3.x python
3 Answers

You should rename the pages starting with a number, the icon and then the page name. Streamlit will automatically take care of the numbers and the _ by removing them leaving only the icon and the page name. Pages are sorted based on the numbers.

You page should return only>>> Mapping Demo

1__Mapping_Demo.py
Jamiu Shaibu0

you can use <img src="path/to/pngimage.png"/> and use PNG images to get the result

Rakesh Gombi0

For second question:

st.markdown('<style>div[class="css-zbg2rx e1fqkh3o1"] {color:black; background: url("url adress");background-repeat: no-repeat;background-size:350%;} </style>', unsafe_allow_html=True)
murat taşçı0
Related