Question

在散景中制作小部件时，有没有办法提供自定义CSS？ E.g：

        country_picker = widgets.MultiSelect(value=[],
                              title='country',
                              options=list(self.df['country_code'].unique()) + ['All'],
                              width=180,
                              height=120,
                              css=""".bk-layout-scale_height .bk  widget-form-input {
                                      height: 180px !important;} 
                              """)

我有一个特殊的多选择器，有60多个选项，所以我想把它做得很高。虽然我想让其他多选择器变小。

Answer 1

最近合并为0.12.5的相关PR5503看起来像是：

    country_picker = widgets.MultiSelect(value=[],
                          title='country',
                          options=list(self.df['country_code'].unique()) + ['All'],
                          width=180,
                          height=120,
                          css_classes=['myclass'] 
                          """)

我不确定如何使用散景来描述'myclass'规则。

Answer 2

专门针对MultiSelect小部件，您可以使用MultiSelect.size设置可见项的数量，而不用使用自定义css：

from bokeh.io import show
from bokeh.layouts import widgetbox
from bokeh.models.widgets import MultiSelect

multi_select = MultiSelect(title="Option:", value=["foo", "qx"],
                           options=[("foo", "Foo"), ("bar", "BAR"), ("baz", "bAz"),
                                    ("qx", "Qx"), ("hid1", "Hid1"), ("hid2", "Hid2")])
multi_select.size=6
show(widgetbox(multi_select))

散景小部件：自定义CSS

2 个答案: