royale-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Harbs <harbs.li...@gmail.com>
Subject Re: Slider implementation
Date Thu, 22 Mar 2018 12:42:18 GMT
I’m mostly using the css and the additional functionality of rangeslider.js. I’d love to
replace it with a Royale component. :-)

I agree that we don’t need polyfills, but there *is* a need to deal specially with IE (and
I think Edge) styling.

Good luck!

Harbs

> On Mar 22, 2018, at 12:24 PM, Carlos Rovira <carlosrovira@apache.org> wrote:
> 
> Harbs,
> 
> for what I read range slider is a polyfill to support HTML5 input range
> so maybe we didn't make this as a input range due to browser support [1]
> (it works in IE11 but not in IE10 and IE 9)
> 
> I think if we use input range directly, should be ok. Other things to look
> are if we can support our regular events and how to this
> 
> [1] https://caniuse.com/#feat=input-range
> 
> 
> 
> 2018-03-22 11:08 GMT+01:00 Carlos Rovira <carlosrovira@apache.org>:
> 
>> Thanks Harbs, I'll check that.
>> 
>> I still don't dig into this, but maybe the reason to make this with a div
>> and two buttons was to get the events and properties we use to have in
>> Flex.
>> 
>> I'll take a look to the link you posted to know more about it
>> 
>> thanks
>> 
>> 
>> 
>> 2018-03-21 23:15 GMT+01:00 Harbs <harbs.lists@gmail.com>:
>> 
>>> Good luck.
>>> 
>>> FWIW, I’m currently using rangeslider.js in my app.[1]
>>> 
>>> <input type=“range”/> is probably the way to go if you can get it all
to
>>> work. One of the things I’m currently struggling with is making input
>>> ranges work well on tablets.
>>> 
>>> [1]http://rangeslider.js.org/ <http://rangeslider.js.org/>
>>> 
>>>> On Mar 21, 2018, at 11:26 PM, Carlos Rovira <carlosrovira@apache.org>
>>> wrote:
>>>> 
>>>> Hi,
>>>> 
>>>> In the following link [1], the recommended and more easy way to declare
>>> a
>>>> slider is with a range
>>>> 
>>>> I think at least for Basic the HTML implementation should be
>>>> 
>>>> <input type="range" min="1" max="100" value="50">
>>>> 
>>>> instead the current (a div with two inner buttons)
>>>> 
>>>> In Jewel, I'm going to experiment with input range to see if is better
>>> or
>>>> not...
>>>> 
>>>> Thanks
>>>> 
>>>> [1] https://www.w3schools.com/howto/howto_js_rangeslider.asp
>>>> 
>>>> --
>>>> Carlos Rovira
>>>> http://about.me/carlosrovira
>>> 
>>> 
>> 
>> 
>> --
>> Carlos Rovira
>> http://about.me/carlosrovira
>> 
>> 
> 
> 
> -- 
> Carlos Rovira
> http://about.me/carlosrovira


Mime
View raw message