Latex on slider's label when using params

Panel
1

I’m trying panel v1.1.0. Latex labels works fine when instantiating a panel’s widget, for example:

import panel as pn
import param
pn.extension()

pn.widgets.FloatSlider(name="$$a^{2}$$").servable().show()

image

However, they don’t render when I’m using a Parameterized class:

class BaseClass(param.Parameterized):
    float_with_hard_bounds  = param.Number(default=8.2, bounds=(7.5, 10), label="$a^{2}$")

pn.Param(BaseClass.param.float_with_hard_bounds).servable().show()

image

Is there some way to get it to work in the second case?

2

Isn’t it just adding double dollars to your second example?

4

No, I tried it before:

image

5

This is a Bokeh bug, when wrapping sliders into column/rows.

Example in Panel:

import panel as pn
pn.Column(pn.widgets.FloatSlider(name="$$a^{2}$$")).servable()

Example in Bokeh:

from bokeh.io import curdoc
from bokeh.layouts import column
from bokeh.models.widgets import Slider

slider = Slider(start=0, end=10, value=1, step=0.1, title="$$a^{2}$$")
c = column(children=[slider])
curdoc().add_root(c)

Though, I just tested it on Bokeh 3.2.0.dev3, and the bug has been fixed.

1 Like
6

A small note you shouldn’t use .servable().show() you should use one of them:

  • .servable() with panel serve filename
  • .show() with python filename