Streamlit Responsive Ui

Using Streamlit
1

Welcome all :blush:
How to make streamlit app Responsive Ui
For mobile & pc?

2

Nothing special. It already is.

3

How to, please any example?

4

Some time, charts, tables, dataframe, image
Showing out side page in mobile

5

If you are having trouble with something specific, can you share your code/GitHub/screenshots? Streamlit is mobile-responsive by default, so if you’re having a problem it would be helpful to know specifically what is giving you issues. :slight_smile:

6

Thanks for reply.
Yes off course, streamlit ui responsive already.

The problem in table or dataframe view. Can’t show all columns.

Any ideas please.

I can’t share code.

But I will attach pictures

Screenshot_2022-12-17-15-19-15-131_com.android.chrome
Screenshot_2022-12-17-15-19-15-131_com.android.chrome1080×2246 242 KB

This one on desktop mode

Screenshot_2022-12-17-15-18-00-588_com.android.chrome
Screenshot_2022-12-17-15-18-00-588_com.android.chrome1080×2246 251 KB

Screenshot_2022-12-17-15-17-29-133_com.android.chrome
Screenshot_2022-12-17-15-17-29-133_com.android.chrome1080×2246 140 KB

These are in mobile.

7

So it looks like you have dataframes inside two columns inside an exander?

And a Plotly chart inside of an expander?

Are those the two cases giving you problems?

8

Thanks for reply
Yes currently.

I think after reading streamlit documents and search on internet ,

May be I can solve this problem by use streamlit tabs or use streamlit multi page.

Thank you very much for your interest and help