How to add widgets to container widget in ipython/jupyter

Question

I am trying to make VBox widget and and add a new row with text when button is clicked.

I try the following code

import ipywidgets as wg
from ipywidgets import Layout
from IPython.display import display

vb = wg.VBox([wg.Text('1'),wg.Text('2')])
btn = wg.Button(description = 'Add') 

def on_bttn_clicked(b):        
    vb.children=tuple(list(vb.children).append(wg.Text('3'))) 

btn.on_click(on_bttn_clicked)
display(vb, btn)

list(hb.children)

But the assignment "hb.children=" does not work... Is there a way to edit container widgets with code in the same cell?

The line vb.children=tuple(list(vb.children).append(wg.Text('3')) may be where your main problem is: list(vb.children).append(wg.Text('3') return None and therefore you are passing None to the tuple constructor method. This should, in fact, throw an error. Please share that error here. — Abdou
– Abdou, Commented Jul 8, 2017 at 13:56
Yes @Abdou you are right. append method return None. I modified the code def on_bttn_clicked(b): temp = list(vb.children) temp.append(wg.Text('3')) vb.children=temp It works fine now! — Stanislav Popovych
– Stanislav Popovych, Commented Jul 8, 2017 at 21:38
@StanislavPopovych great! you should answer your own question =) — Rodrigo E. Principe
– Rodrigo E. Principe, Commented Apr 26, 2018 at 16:04

David Boho · Accepted Answer · 2018-05-23 07:53:06Z

8

You can use a simple plus to concatenate two lists.

vb.children=tuple(list(vb.children) + [new_button])

So your full script will look like this:

import ipywidgets as wg
from ipywidgets import Layout
from IPython.display import display

vb = wg.VBox([wg.Text('1'),wg.Text('2')])
btn = wg.Button(description = 'Add') 

def on_bttn_clicked(b):        
    vb.children=tuple(list(vb.children) + [wg.Text('3')]) 

btn.on_click(on_bttn_clicked)
display(vb, btn)

list(vb.children)

answered May 23, 2018 at 7:53

David Boho

2,72622 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add widgets to container widget in ipython/jupyter

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related