Strange behavior with multiple RangeSelectors

[kuvopolisParticipant]

I am building a Phonegap mobile app and have included multiple RangeSelectors on a page. When I try to change the range of 1 of the selectors via touch, the range of the other selectors also get changed in an unpredictable pattern. Does JqWidgets support multiple instances of a RangeSelector on one page? I have included my code below.

<script>
$(document).ready(function() {
$(“#temperature”).jqxRangeSelector({
width: ‘auto’,
height: 50,
theme:’energyblue’,
min: ‘January 1, 2014, 12:00:00 AM’,
max: ‘January 1, 2014, 11:00:00 PM’,
range: {
from: ‘January 1, 2014, 12:00:00 AM’,
to: ‘January 1, 2014, 11:00:00 PM’,
},
majorTicksInterval: { hours: 1},
minorTicksInterval: { hours: 1},
labelsFormat: ‘ht’,
markersFormat: ‘htt’
});
$(“#cloudCover”).jqxRangeSelector({
width: ‘auto’,
height: 50,
theme:’energyblue’,
min: ‘January 1, 2014, 12:00:00 AM’,
max: ‘January 1, 2014, 11:00:00 PM’,
range: {
from: ‘January 1, 2014, 12:00:00 AM’,
to: ‘January 1, 2014, 11:00:00 PM’,
},
majorTicksInterval: { hours: 1},
minorTicksInterval: { hours: 1},
labelsFormat: ‘ht’,
markersFormat: ‘htt’
});
});
</script>

<div id=”temperature” style=”margin: 40px 0px; padding: 0px 40px;”></div>
<div id=”cloudCover” style=”margin: 40px 0px; padding: 0px 40px;”></div>

[DimitarParticipant]

Hello kuvopolis,

Thank you for your feedback. We confirm the reported issue, which occurs only on touch devices. We will look into it and will fix it as soon as possible.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts