Slider size

[LaurenedePeyrelongue]

Hi,

I am trying to adjust the size of a slider when it is in an ui.inline, however, I can't find any size/width option.
The slider is very small (see image below)

So far the only way I managed to change the slider size is by adding characters to the slider title

Is there any way to modify the size?

[mturoci]

This is a bug on Wave side. Thanks for reporting! As a workaround, you can use width attribute to set the size you want explicitly. E.g.

# Form / Slider
# Use a #slider to allow users to set a value within a specific range.
# #form
# ---
from h2o_wave import main, app, Q, ui


@app('/demo')
async def serve(q: Q):
    q.page['example'] = ui.form_card(box='1 1 4 5', items=[
        ui.inline(items=[
            ui.slider(name='slider', label='Standard slider', min=0, max=100, step=10, value=30, width='100%'),
            ui.slider(name='slider_zero', label='Origin from zero', min=-10, max=10, step=1, value=-3, width='100%'),
            ui.slider(name='slider_disabled', label='Disabled slider', min=0, max=100, step=10, value=30,
                      disabled=True, width='100%'),
        ]),
    ])
    await q.page.save()

[LaurenedePeyrelongue]

Thanks!