Blazorise icon indicating copy to clipboard operation
Blazorise copied to clipboard

Slider improvements

Open WillianGruber opened this issue 5 years ago • 4 comments

Referencing https://material.io/components/sliders#theming, It would be nice to have the graphics of material for sliders, it is crude right now: image

Nice improvments would be: Color and format of the "cursor" and backtrack: image

Hability to specify a range, and have values in the left and right side: image These values could be icons or text, just like in the material design

Have a Value Label: image

If the slider is a single value and not a range, the value could appear at right: image

Including other things as in https://material.io/components/sliders#theming All the cosmetic configurations could be included in Blazorise Theme component, but overuled by the Slider component if directly specified.

I didnt look at other providers, but.. is it possible to implement these changes?

WillianGruber avatar Apr 23 '20 15:04 WillianGruber

It' not a priority for now. Will be done in one of next 0.9.x versions.

I will put here the helper link for later: https://www.w3schools.com/howto/howto_js_rangeslider.asp

stsrki avatar Apr 24 '20 10:04 stsrki

Regarding the sliders improvements, adding the ability to get the value when the user moves the mouse would be good. For now the bind is only on OnChange, but OnInput provides more immediate feedback, especially if you have another display for this value.

Khan-amil avatar Jun 23 '20 09:06 Khan-amil

Any progress on the range slider?

I need the ability to select a min value and a max value from a range.

Jinjinov avatar Jul 14 '22 10:07 Jinjinov

@Jinjinov The range slider is a little tricky because there is no native HTML5 way to create it. So we would have to use an external library. Then we would have to adjust CSS for any of the supported CSS providers. Considering the amount of work, we can make it for v1.2 or v1.3.

stsrki avatar Jul 14 '22 12:07 stsrki