DMXzone Slider Manual

Advanced: Show the DMXzone Slider Value into a Text Field

In this tutorial we will teach you how to show the DMXzone Slider value into a text field while dragging its handle.

*You can also check out the video.

How to do it

1. We've already inserted the DMXzone Slider (1) on our page, added a standard Text field (2) and named its ID: valueField (3).

2. In order to bind the Text field and the DMXzone Slider we'll need to use the Behavior connector. So, click on the DMXzone Slider (1) and then click the Add/edit behaviors button (2) in the property inspector.

3. Once the DMXzone behavior connector window opens, select DMXzone folder (1), the Control DMXzone Slider behavior (2), when the handle is dragged event (3) and Add the selected behavior (4).
   
   

4. When the Control DMXzone Slider window opens, select the Copy value of slider to text field action (1) from the menu and choose Value (2) from the value to use menu that will return the current value of the slider. From the text field dropdown we select our text field ID – valueField (3).
   
   

5. Now you can save your work and preview the result in the browser.