Center button st.button

[DATAtourism]

How to center the button ? thanks

[Marisa_Smith]

Hey @DATAtourism,

Have you seen this post that centres an image by using st.beta_columns ?

Centering an object with one weird trick! divs hate him

I came across a useful hack when trying to center an object (but didn’t want to use the unsafe markdown trick) using the new beta_columns: import streamlit as st import cv2 img = cv2.imread('photo.jpeg') st.image(img, use_column_width=True, caption='Random image for sizing') st.title("Off center :(") col1, col2, col3 = st.beta_columns([1,1,1]) col2.title("Centered! :)") col2.image(img, use_column_width=True) [Screenshot from 2020-12-01 17-05-23] The images are there to help see the placeme…

Happy Streamlit-ing!
Marisa

[vijaysaimutyala]

Thanks @Marisa_Smith. It’s really useful to me. Just putting it in a way easier to copy

import streamlit as st 
import cv2 img = cv2.imread('photo.jpeg') 
st.image(img, use_column_width=True, caption='Random image for sizing') 
st.title("Off center :(") 
col1, col2, col3 = st.beta_columns([1,1,1])
col2.title("Centered! :)") 
col2.image(img, use_column_width=True)

Screenshot

[Marisa_Smith]

Lovely! Thanks @vijaysaimutyala

[Nikul_G]

As far as I am aware, there is no conventional method for centering the button. However, I have discovered an easy cure. It is not the proper way, but it works.
You can experiment with the following:

col1, col2, col3 , col4, col5 = st.beta_columns(5)

with col1:
    pass
with col2:
    pass
with col4:
    pass
with col5:
    pass
with col3 :
    center_button = st.button('Button')