How to Create this type of beautiful page sidebars

[unofficed]

https://okld-gallery.streamlit.app/?p=pandas-profiling

I was looking at this beautiful streamlit component. I wanted to make something similar like

While I am using myself the normal page method i.e. just putting the py files inside the Page folder with numbers in front of them.

How to make it categorized like this? Any component?

My app link → https://app.tradepick.in/

Or any guideline or suggestion?

[tonykip]

Hi @unofficed,

Thanks for posting!

From the app’s code, they’re using st.expander() to add the selectbox options that you can implement on yours as well.

[unofficed]

Two questions -

• It is using streamlit gallery component?

• So… umm… right now I am not adding the page names manually. If I use this I have to write the page names manually if I add or change new page right?

[tonykip]

Can you share a link to your repo so I can take a look at your code?

[unofficed]

Actually exactly I followed your path only.

I can't deploy correctly my multipage APP

Hi giovanni231995, Thanks for sharing your question with the community! Could you share your repository for us to troubleshoot? In the meantime, this blog covers how to build and deploy multi-page apps. The structure of your code directory should look something like this; [Screen Shot 2022-11-23 at 11.06.29 AM] For your reference, please check out our guidelines on how to post an effective question here. Happy Streamlit-ing

In case you still want, I will upload it on github for you.

[tonykip]

You shared a link to your app in the original post. Do you have a link to your code? If you can’t share it, please share a snippet of it so I can better help you troubleshoot the issue.

[unofficed]

I can share everything. Just give me a couple mins as I am experimenting with the stuff you gave me. I will update here.