title: How can I get the values of my widget items to display in a TextArea and convert the values to dictionary
body: <p>I am creating a post form that will send my input as dictionary to a server. I planned to display the user entered input in a TextArea with my first display button click. This display button sets the next button (Send) to be visible. The Send button then convert or saves the values to a dictionary (key/value pair).</p>
  
  <p>In my code, i followed the example in the ipywidget documentation (<a href="https://ipywidgets.readthedocs.io/en/latest/examples/Widget%20Styling.html" rel="nofollow noreferrer">https://ipywidgets.readthedocs.io/en/latest/examples/Widget%20Styling.html</a> [cell 12])  by adding all my widgets in a list. I am have difficulty in calling the values of the widget items to display in the Text area</p>
  
  <p>I have tried to access the values using children[0].values but get error each time. AttributeError: 'Button' object has no attribute 'values'. I will appreciate anyone's help to do this form. If i can get my inputs as a dictionary, that will be very helpful </p>
  
  <pre><code>
  from ipywidgets import Layout, Button, Box, FloatText, Textarea, Dropdown, Label, IntSlider, Text
  
  #Form item layout
  form_item_layout = Layout(
      display='flex',
      flex_flow='row',
      justify_content='space-between'
  )
  
  
  #form container
  form_items = [
      Box([
          Label(value='Name'),
          Text(value='John')
          ], layout=form_item_layout),
  
  
     Box([
         Label(value='Collection UUID'),
          Dropdown(options=['theme', 'play', 'character'])
         ], layout=form_item_layout),
  
      Box([Label(value='Result'),
            Textarea(rows = 20)], layout=form_item_layout),
  
      Button(description="display"), 
      Button(description="Send", button_style='success')
  
  ]
  
  
  #box layout that holds the forms
  box_lyt = Layout(
      display='flex',
      flex_flow='column',
      border='solid 2px',
      align_items='stretch',
      width='50%'
  )
  
  form = Box(children=form_items, layout=box_lyt)
  display(form)
  form.children[4].layout.visibility = 'hidden'
  
  
  
  def show(b):
      form.children[4].layout.visibility = 'visible'
      form.children[2] = c.children[0] + c.children[1] + c.children[2]
  
  
  
  
  
  #Convert textarea values to dictionary
  def list_children(c):
      return c.children[2].to_dict()
  
  form.children[3].on_click(show)
  form.children[4].on_click(list_children )
  
  </code></pre>
  
  <p>I expect a widget displaying: Name, ID, result and display button. Clicking the display should show the values in the result TextArea and make the button (send) visible. Clicking the Send button should accept these values from result and save as dictionary. The widget displays but is not responsive<a href="https://i.stack.imgur.com/GWfyu.png" rel="nofollow noreferrer">enter image description here</a></p>