Align ipywidget button to center

Question

I´m looking to align to the center a button object from the ipywidget function. Here´s a sample of the code I´m using

bt = widgets.Button(layout=Layout(width='180px'),style = 
    {'description_width': '25%'})
b_config_save = widgets.Button(
    description="Save",
    layout=bt.layout,
    style=bt.style,
    button_style='primary'
)

score 10 · Answer 1 · answered Mar 26 '19 at 04:42

10

Use a flexbox layout as shown below.

btn = widgets.Button(description="Save")
box_layout = widgets.Layout(display='flex',
                flex_flow='column',
                align_items='center',
                width='50%')
box = widgets.HBox(children=[btn],layout=box_layout)
display(box)

answered Mar 26 '19 at 04:42

Vishma Dias

630
6
11

Doc has moved, link doesn't point there anymore. [New link](https://ipywidgets.readthedocs.io/en/stable/examples/Widget%20Layout.html?#The-Flexbox-layout) – Battleman Sep 27 '22 at 09:11

score 0 · Answer 2 · answered Mar 25 '19 at 11:37

0

Try to use table ,maybe you can find some help here

answered Mar 25 '19 at 11:37

Viktor Mohos

1
3

Align ipywidget button to center

2 Answers2