Widgets aren't being displayed correctly

Community Support
1

I created a Column layout that holds some control widgets (radio-group and text inputs) and a plot. I then put them together in a Row layout:

plot = figure(...)
controls_layout = Column(radios, text_input1, text_input2, text_input3)
total_layout = Row(
    controls_layout,
    plot,
    visible=False
)

The problem is that this total_layout is initially invisible and when I make it visible there is some overlap between the control widgets (attached a pic).
When I make it visible from the beginning, there’s no overlap.

overlap
overlap1883×1334 51 KB

2

@roinr please alwasy provide version information. Additionally, for the best chance that someone will be able to help, a minimal, complete reproducer is advised.

3

@Bryan sure, sorry.
I’m using version 2.0.2.
The following code should reproduce the problem:

from bokeh.io import curdoc
from bokeh.models.layouts import Row, Column
from bokeh.models import RadioGroup
from bokeh.models.glyphs import Line
from bokeh.models.widgets.buttons import Button
from bokeh.models.widgets.inputs import TextInput
from bokeh.plotting import figure


# button
button = Button(
    label="click me!", 
    name="parse_button"
)

# radio group
radios = RadioGroup(
    labels=['hello', 'there'],
    active=0,
    inline=True,
    width_policy='min', 
    name="radios"
)

# text inputs
text_input1 = TextInput(value="0.0", title="text-input1")
text_input2 = TextInput(value="0.0", title="text-input2")
text_input3 = TextInput(value="0.0", title="text-input3")

# plot 
plot = figure(title='test plot')
plot.line(x=[1,2,3], y=[2,4,6])

# controls + plot layout
hidden_widgets = Row(
    Column(radios, text_input1, text_input2, text_input3), 
    plot,
    visible=False
)

# layout all
layout = Column(button, hidden_widgets)

def on_button_click(event):
    # make layout visible
    hidden_widgets.update(visible=True)

# show hidden widgets on clicking the button
button.on_click(on_button_click)

curdoc().add_root(layout)
4

@roinr In that case this is just a bug AFAICT. Can you post all this information in a Github issue?

In the mean time, this approach works for me:

hidden_widgets = Row(
    Column(radios, text_input1, text_input2, text_input3),
    plot,
)

# layout all
layout = Column(button)

def on_button_click(event):
    if len(layout.children) == 1:
        layout.children += [hidden_widgets]
5

@Bryan
I created a git issue.
Thank you, works like a charm!!

1 Like