jQuery UI Widgets › Forums › Editors › ScrollBar, Slider, BulletChart, RangeSelector › jqxSlider showRange & jqxWindow
This topic contains 3 replies, has 2 voices, and was last updated by Dimitar 9 years, 10 months ago.
If I put a jqxSlider inside a jqxWindow, the showRange option for the jqxSlider does not work.
Hello houstoniasian,
This scenario works fine on our side. Here is the example we tested: https://www.jseditor.io/?key=jqxslider-showrange-jqxwindow. Please make sure you are using the latest version of jQWidgets (3.8.1).
Best Regards,
Dimitar
jQWidgets team
http://www.jqwidgets.com/
Hi Dimitar,
I add this to your example and it doesn’t work. I think the ‘hidden’ of the jqxwindow that causes the issue. In my code, I actually use the range slider but it doesn’t matter what type of slider (yours or mine), neither one work.
$(‘#jqxSlider’).jqxSlider({
height: 30,
min: 0,
max: 50,
step: 1,
ticksFrequency: 1,
values: [14, 26],
rangeSlider: true,
mode: ‘fixed’,
width: 200,
showRange: true,
showTicks: false,
});
In Javascript: I add
$(‘button’).click(function(){
$(“#jqxwindow”).jqxWindow(‘open’);
});
In your HTML, I add <button id=’button’>Test</button> and ‘hidden’ to jqxwindow
<HTML>
<HEAD>
</HEAD>
<BODY>
<button id=’button’>Test</button>
<div id=’jqxwindow’ hidden>
<div>Header</div>
<div>
<div id=”jqxSlider”></div>
</div>
</div>
</BODY>
</HTML>
Hi houstoniasian,
Instead of hidden, set the window’s autoOpen property to false: https://www.jseditor.io/?key=jqxslider-showrange-jqxwindow-autoopen-false.
Best Regards,
Dimitar
jQWidgets team
http://www.jqwidgets.com/
You must be logged in to reply to this topic.
