Bulma: input type="range"

[benjick]

Is this planned for 1.0? Do you have any roadmap to read?

Cheers

[jgthms]

Is it possible to style it?

[oliverjam]

Ana Tudor has a pretty cool collection of range input styles on Codepen, if that helps.

[julisse]

Yes, would be great to style range, used own simple styling here
But would be great to see smth interesting with it

[jgthms]

Very nice @gignar. I'll probably implement something like @julisse, just very simple.

[Swizz]

@julisse Those are particularly awesome

[djyde]

Any progression for this issue?

[acidjazz]

would love to see this under form options as well!

[Acidic9]

+1 for this, it's a missing feature from Bulma

[acidjazz]

I'm working on a version I think would fit the bulma framework, would you like a PR @jgthms ?

[Swizz]

Would love to see any screenshot, to raise the hype !

[acidjazz]

@Swizz @jgthms hows this?

[Acidic9]

I really like that @acidjazz. What if you put a white fill in the circle (leaving a border around the edge)?

[acidjazz]

@Acidic9 something like this?

[Acidic9]

@acidjazz the shadow around the circle, the colors and everything looks perfect like that in my opinion. Really hope this gets added really soon.

[acidjazz]

There is only one downside so far, I cannot through CSS alone control the left-side color and its width , so without that it looks like this (for now). with JS you can update it on the fly as it drags with something like
style="--low:0%; --high:34%;"
and that should make the primary or whatever color thats chosen on the left sync up with the slider

[acidjazz]

is-small is-medium is-large

[Acidic9]

Damn, Bulma is a CSS only framework which is one of it's features. Maybe in the documentation it can just show the javascript code you can use to get sliders to work.

[acidjazz]

@Acidic9 yes I can provide some sample JS

[acidjazz]

@jgthms is there anything else you'd like for this PR?

[michaelReyder]

@acidjazz This range input looks great. I'm wondering when this PR will be submitted for a merge? In the meanwhile, is there any ways your could provide the css you created?

[acidjazz]

@michaelReyder unfortunately he denied the PR https://github.com/jgthms/bulma/pull/647 . i've since then pinged him multiple times about it on Gitter and other areas with no response.

When I get some time later this week I'll try and whip this up as an add-on of some sort.

[ruchern-chong]

How is the progression of this?

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.