jQuery RangeSelector

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

HTML

<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id='TabsPlante1' class='TabsPlante'>
    <ul style='margin-left: 20px;'>
        <li>Données</li>
        <li>Parametrages</li>
    </ul>
    <div></div>
    <div>
        <div class='rangeSelectorSeuilHum'></div>
        <div class='rangeSelectorFenTemps'></div>
    </div>
</div>

JavaScript

$(".TabsPlante").jqxTabs({
               width: 800,
               height: 400,
               animationType: "fade",
               initTabContent: function (tab) {
                   if (tab == 1) {
                       $(".rangeSelectorSeuilHum").jqxRangeSelector({
                           width: 300,
                           height: 10,
                           min: 0,
                           max: 100,
                           range: {
                               from: 70,
                               to: 90
                           },
                           majorTicksInterval: 10,
                           minorTicksInterval: 1,
                           markersFormat: 'p'
                       });

                       $(".rangeSelectorFenTemps").jqxRangeSelector({
                           width: 300,
                           height: 10,
                           min: 0,
                           max: 168,
                           range: {
                               from: 1,
                               to: 72
                           },
                           majorTicksInterval: 24,
                           minorTicksInterval: 1
                       });
                   }
               }
           });