HTML Input Controls

Overview

The HTML app can be used to add HTML controls to your desktop or page. When you use HTML to add an input contorl to a page, you must add a data attribute to tell the system how to use the control. The "data-name" attribute tells the browser the name you want to use for the data tha the control produces.

Sample

The following shows creating two slider controls. Each control has a data-name attribute that tells the system what name to give to the output of each control. In this case, the value of the first slider will be available in the desktop or page with the name "slider1".



It produces the following




Any time the value of one of the sliders changes, the value in the desktop or page will change.

Button

Sometimes you may wish the value of the control to change in the desktop or page only when the user clicks a button. For example, you may have a textbox, for which you only want to capture the value when the user submits it.

In this case, put a "data-setter" property on the textbox, and then create a button with a "data-set" property, where each refers to the same name.



Which outputs the following