jQuery RangeSelector

Set the padding property of the jqxRangeSelector. Author: http://jqwidgets.com

HTML

<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div style="background-color: yellow; height: 150px; width: 250px;">
<div id="rangeSelector">
</div>
</div>
<br><br><br>

<div style="background-color: orange; height: 150px; width: 250px;">
<div id="rangeSelector2">
</div>
</div>

JavaScript

$("#rangeSelector").jqxRangeSelector({
     width: '100%',
     height: '100%',
     theme:'energyblue',
     min: 0,
     max: 100,
     range: {
         from: 10,
         to: 50
     },
     padding: "0px",
     majorTicksInterval: 10,
     minorTicksInterval: 1
 });
 $("#rangeSelector2").jqxRangeSelector({
     width: '100%',
     height: '100%',
     theme:'energyblue',
     min: 0,
     max: 100,
     range: {
         from: 10,
         to: 50
     },
     padding: "auto",
     majorTicksInterval: 10,
     minorTicksInterval: 1
 });