March 24, 2014 by Marko Kramar in Controls
Slider is a new Evolution Framework's control which enables user to dynamically and visually define a numeric value via slider handle. This can be used, for example, when defining an order quantity or a price while purchasing a product.
Control itself can be dragged to Evolution Framework's visual editor area, like any other Evolution Framework's control. When placed on the canvas, there are several properties of the slider to be defined. Increment step property defines how big is the step between slider values. You can set your minimum and maximum values, but also a slider width which defines a width in pixels regardless of its maximum value. And a starting slider value can be defined, but can be changed in Java (server-side) as well.
This control uses jQuery UI's slider widget with a slight modification that it shows a notification popup with a currently chosen value just above the slider. Server-side of this control is handled with one Java event and two methods to get and set a current slider value.