How can I change the position of the columns?

[renanrodm]

Hi guys, I’m new on streamlit and would like to know how I can change the positions of the columns generated from st.columns().

I’m collaborating on developing an app using streamlit and I need two “floating” columns on the left and right sides of the page.

In the documentation, I can’t find any modification options for st.columns().

Something like this example:

[randyzwitch]

Hi @renanrodm, welcome to the Streamlit community!

Instead of viewing them as two floating columns, you could think of this as a 3-column layout. In that case, you could use st.columns to create 3 columns, re-sizing the center column to be however much wider you desire it to be.

Best,
Randy

[renanrodm]

Hi @randyzwitch, thank you for helping me.

The idea of the project is to put a map of Rio de Janeiro occupying the whole screen with two side columns, like in the print of the previous answer.

I can’t use st.map() inside a central column, right?
I can’t find ways to reproduce this idea with streamlit.

[Iheb]

try to do something like this :

col1,col2,col3,col4,col5,col6,col7,col8,col9,col10 = st.columns(10)

with col10 :
# do what you have to do…

ps : # I said col10 but if you need more you have to add “col11” and write “st.columns(11)”