Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Slider improvements #810

Open
WillianGruber opened this issue Apr 23, 2020 · 4 comments
Open

Slider improvements #810

WillianGruber opened this issue Apr 23, 2020 · 4 comments

Comments

@WillianGruber
Copy link
Contributor

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?

@stsrki
Copy link
Collaborator

stsrki commented Apr 24, 2020

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

@Khan-amil
Copy link

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.

@Jinjinov
Copy link
Contributor

Any progress on the range slider?

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

@stsrki stsrki changed the title Slider improvments Slider improvements Jul 14, 2022
@stsrki
Copy link
Collaborator

stsrki commented Jul 14, 2022

@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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants