Slider Interactions

Great news, you can now create Slider Interaction Items in ClicFlic. These interactions comprise a new type of form element that you can add to any interaction to collect data in place of a text input box, a combo box, or a radio button.

Sliders can be incremental (defined increments) or continuous. They can also be vertical or horizontal. Finally, you can have them automatically update a state variable value as they are changed, if you want. 

The basic approach is to create two interaction items within an interaction. The first interaction item is the slider bar, or background. This should be a button format with an image uploaded into it for the slider bar. This will also define the dynamic range of the slider. The position of the slider background also defines the position of the slider in the player. Note that the slider background must be positioned within the player, not within a panel.

Next, you create a 'Slider Thumb' interaction item, which is the thumb icon the user will drag across the slider. Slider thumbs can also have a mouseover/mousedown image. Once you create this interaction item, upload the thumb that you want to use. Then go to advanced settings. There you can associate this slider thumb with it's slider background interaction item, and you also define all necessary parameters for this slider, such as horizontal/vertical, the numeric value at the top or left-most end, the increment size, and a number of increments. You also define whether the slider is continuous or incremental.

Here's an example IMO with a couple sliders. Keep in mind that YOU CONTROL THE LOOK AND FEEL COMPLETELY. These are for functional demo purposes only.

http://www.clicflic.com/st/d.xhtml?a=TU4SIEhRbxg*&r=0.9276569097668675&s=thax