Hello, I am going through panel’s customization documentation. I have not been able to get the css_class example to work. I am using Jupyter Lab and also tried plain notebook, but doesn’t appear to work. I just get the standard look of panel.
My code in first code cell:
import panel as pn
pn.extension()
Then in 2nd code cell:
css = '''
.widget-box {
background: #f307eb;
border-radius: 10px;
border: 2px black solid;
}'''
pn.extension(raw_css=[css])
Then in last code cell:
pn.Column(
pn.widgets.FloatSlider(name='Number'),
pn.widgets.Select(name='Fruit', options=['Apple', 'Orange', 'Pear']),
pn.widgets.Button(name='Run'),
css_classes=['widget-box']
)
But I just get the standard or normal look. However, if I add background='#f307eb'
to individual panel objects, then the background color does update.
I am using panel version 0.9.5 installed with Miniconda3 on Windows 10 machine via conda command: conda install -c pyviz panel
and then jupyter labextension install @pyviz/jupyterlab_pyviz