[FIXED] Multiple Page App Side Bar Icon and Background in Streamlit

Issue

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?

Solution

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.

Your page should return only>>> 🌎 Mapping Demo

# How to name page:

1_🌎_Mapping_Demo.py

Answered By - Jamiu Shaibu