DMXzone Slider Manual

Improve your site usability with a great looking Slider Control

In this article you will find a detailed manual for the DMXzone Slider extensions. Everything from basic to advanced usage is covered with tutorials and videos. Learn how to combine it with other DMXzone extensions such as Ajax Datagrid, HTML5 Slideshow  and Advanced CSS Animator through the Behavior Connector and more. Also, we have included the features with screenshots for better preview.

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).

  1. 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.

  1. 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).

  1. 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).

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

Lubov Cholakova

Lubov CholakovaLubov has been with DMXzone for 8 years now, contributing to the Content and Sales departments. She is bringing high quality content in the form of daily blog updates, reviews, tutorials, news, newsletters,update emails and extensions' manuals. If you have a product that needs publicity or any other questions about the entire DMXzone community, she is the one you can contact.

See All Postings From Lubov Cholakova >>


Be the first to write a comment

You must me logged in to write a comment.