interact_layout.md

Customize Layout with Interact

This guide addresses how to customize the layout of the widgets and displays from the output of Panel interact.

1. The [How to > Generate Widgets for Function Arguments](interact_basics) guide covers how to generate widgets for function arguments with Panel interact.

---

First, let's create a function and call interact to return a Panel containing the widgets and the display output.

import panel as pn
pn.extension() # for notebook

def f(x, y, z):
    return x, y, z

layout = pn.interact(f, x=True, y=10, z='text')

layout

We can always print the Panel contents to check the indexing:

print(layout)

Now, by indexing into this Panel we can lay out the objects precisely how we want:

pn.Row(pn.Column('First Column', layout[0][0], layout[0][1], width=200),
       pn.Column('Second Column', layout[0][2], width=200),
       pn.Column('Returns', layout[1]),
      )

Related Resources