slider buttons and thumb

[testuserregMember]

Using one of the examples, I’m trying to do a couple of things: Change the thumb size, and remove the Buttons.

This code sets the ‘showButtons’ to false but it still shows the buttons,

$(document).ready(function () {
var theme = “energyblue”;
function displayEvent(event) {
var eventData = event.type;
eventData += ‘: ‘ + event.args.value;
$(‘#events’).jqxPanel(‘clearContent’);
$(‘#events’).jqxPanel(‘prepend’, ‘

‘ + eventData + ‘

‘);
}

$(‘#events’).jqxPanel({ theme: theme, height: ‘250px’, width: ‘450px’ });

$(‘#jqxSlider div’).css(‘margin’, ‘1px’);

//change event
$(‘#jqxSlider’).on(‘change’, function (event) {
displayEvent(event);
});

$(‘#jqxSlider’).jqxSlider({ theme: theme, mode: ‘fixed’, showButtons: ‘false’});
});

With the thumb, I can’t find where that’s defined.

Any help, much appreciated

Stephen

[Peter StoevKeymaster]

Hi Stephen,

Please, look at this sample: http://www.jqwidgets.com/jquery-widgets-demo/mobiledemos/jqxslider/slider.htm. It shows how to hide the slider’s buttons and increase the thumb’s size.

Best Regards,
Peter Stoev

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

[testuserregMember]

Thanks

In the example you linked to, changing the value of sliderButtonSize has no effect on the size of the thumb.

I need to make a small slider, and the thumb size is just too big.

[Peter StoevKeymaster]

Hi testuserreg,

The sliderButtonSize will not affect the thumb’s size, because the property affects only the slider buttons which are hidden. The thumb’s size is defined in the css.

Best Regards,
Peter Stoev

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

[Author]

Posts