Framework Documentation

The Slider Object

Horizontal Slider

var slidSample = new TSlider('horizontal', -100, 100, 2, 0);
var wndSliderSample = createWindow('Slider Sample');

wndSliderSample.add(slidSample);
showModal(wndSliderSample);

In this example, we created a horizontal slider that arranges values between -100 and 100 and moves with step 2. The handle first position is 0.

Vertical Slider

var slidSample = new TSlider('vertical', -100, 100, 2, 0);
var wndSliderSample = createWindow('Slider Sample');

wndSliderSample.add(slidSample);
showModal(wndSliderSample);

In this example, we created a vertical slider that arranges values between -100 and 100 and moves with step 2. The handle first position is 0.

Slider object constructor takes seven parameters:

new TSlider(mode /* horizontal - vertical */, minValue, maxValue, step, currentValue, width, height);

Slider Sample with Text Label to Read Values

var slidSample = new TSlider('horizontal', 0, 100, 1, 25);
var txtRead = new TText(slidSample.getValue());
var wndSliderSample = createWindow('Slider Sample');

var onSliderValueChanged = function() {
txtRead.setText(slidSample.getValue());
};

slidSample.setOnChangeCallback(onSliderValueChanged);
wndSliderSample.add(slidSample);
wndSliderSample.add(txtRead);
showModal(wndSliderSample);

Slider Methods and Properties

Method/Property	Description
getValue	Gets the current value of the slider object
setOnChangeCallback	Sets an event handler for the value changed event on the slider object. Form: setOnChangeCallback(handler)