Displaying Select label and input on same line

Community Support
1

I am trying to create an inline Select widget for an embedded graph, by changing ‘custom_select’, but have not had any success. Bokeh default has the label above the options.

With

select = Select(title="Option:", value="foo", options=["foo", "bar", "baz", "quux"], css_classes=['custom_select'])

I tried in my .html file

<style>
  .custom_select label { display: inline-block !important;}

   .custom_select select { display: inline-block !important;}
</style>

Unfortunately, this did not work. Does anybody please know how to do this?

Thanks
GCru

2

Try

.custom_select bk-input-group {
  align-items: center;
  -webkit-align-items: center;
  flex-direction: row;
  -webkit-flex-direction: row;
}

One downside of this approach - the whole widget might still have the height as if the label was on top.

Another approach is to just add the title manually with Div and row.