How to change the way the toolbar appear?

Community Support
1

Hello

I am new to bokeh and I wonder if there is a way to increase the size of toolbar buttons and to position it horizontally above the title, in the center, on the top of the figure.

I can’t find any information about it. Has anyone already tried to do it?

Thanks

2

The basic toolbar location can be controlled via the toolbar_location property of plots (e.g. you can pass toolbar_location="above" to your figure). But IIRC that will not center the toolbar, and I don’t recall whether if will be above the title or alongside it. These details as well as size, etc do not currently have any user-facing configuration options.

Edit: this is what a top toolbar looks like:

Screenshot 2025-04-23 at 10.10.24
Screenshot 2025-04-23 at 10.10.241418×684 25.2 KB

I am afraid there are not any options to get anything different than that.

3

Thanks @Bryan

I found a way to do it by changing the bokeh-.**..min.js file, line 478 & 485:

e.default=":host{--button-width:60px;--button-height:60px;--button-color:lightgray;--button-border:2px;--active-tool-border:var(--button-border) solid transparent;}

e.default=':host{--button-width:60px;--button-height:60px;--button-color:lightgray;}

:host(.bk-above),:host(.bk-below){flex-direction:row;justify-content:center;}

I also set toolbar_sticky=false in the figure arguments.

Thanks