Data Controls are controls used to create interfaces for manipulating and editing data from a data source (e.g. SQL database, web service, static data, etc.)
A Data Control is an interface, such as a TextBox or DropdownBox, that can be used to display and/or edit data from a data source (database, web service, etc.) The control in the UX Component is either generated as an HTML input control or as a more complex control - such as the List control - that contains multiple elements (toolbars, buttons, a custom client-side layout, etc) that can be used to interact with the data.
The drop-down box control resembles the textbox control except that it has a button next to it. When a user clicks on a button, a list of choices are displayed. After user selects one of the choices, the selected value is used to fill in the drop-down. The choices defined for a drop-down control can be static, dynamic, or based on a variable.
- Text Area
'Text Area' controls provide a large area where users of an application can write.
Radio button controls can make it easy for users of an application to quickly select items in a list. The size and appearance of radio controls can be modified easily using the Custom Appearance Designer and CSS.
The CheckBox control can be used to add checkboxes to an application. Multiple checkboxes can be specified as a single CheckBox control.
Places a stand-alone label on the component. Most controls also come with their own label.
- List Control
Information about the List Control.
- ViewBox Control
The ViewBox is a control that displays hot HTML. The HTML can either be statically defined or dynamically defined using an HTML Template.
- Image - Data Bound
Places a data-bound image control on the component. Data-bound means that the image data it tied, or bound, to a server-side database. The images on the server can then be used to populate the image data displayed on a client-side device, like a mobile phone. Images that are not data-bound can be add to a component using the [Image] control in the other controls section.
The Signature Capture control is used to capture a signature in an application.
Quick Response Codes or QR codes are optical labels that contain data and that can be added to documents and/or websites. A device equipped with imaging capabilities, like a smart-phone camera, can then be used to access the information contained within these labels. One advantage to using QR Codes is that they have the ability to store a large amount of information about something in a very small space. Because they are machine readable, this information can be used by devices to side-step tasks that would take the users of an application considerable time to deal with. For example, a QR Code can contain a long URL which, when photographed using a phone, will automatically take users to a website; without the user typing in the URL. QR Codes are used extensively in tracking, product identification, and marketing.
Adds a hidden control to a component. The control itself can not be seen by users. Hidden controls can be used to pass values to other parts of an application. For example, they can be used in connection with Server-side action-scripting to assign a group to a new user when the user creates a username and password.
The Slider Control can be used to set the value of either a single control or two controls (e.g. start and end values.)
Switch controls allow users to turn settings in an application on and off with the tap of a finger.
- Spin List
The Spin List control allows the user to select from a pre-defined list of choices by swiping the control to 'spin' the list. The item the list stops on is the selected item. This is an ideal control for mobile applications because it is 'touch friendly'.
Adds a calander to a component. The days of the week and the format of the calendar can be adjusted using the calendar's control properties and the settings in the '[Other Properties]' section of the UX Properties page.
- Map Control
Inserts a map control into a UX component.
A control for adding server-side Charts to a UX Component.
The ink control allows users to enter drawn data into a database and annotate images.
Data Bound Custom Controls are a powerful technique for creating custom controls on a UX component.
- More Controls
Additional Data Controls
- Button List
The Button List displays a series of buttons in either a vertical or horizontal orientation.
- UX Method
Get the current value of the Data Control. Works with all Data Controls.
Set the current value of the Data Control. Works with all Data Controls.
Sets the value in a target control with the value from a source control. This is the equivallent of calling getValue to get the value from one Data Control and then calling setValue to set the value in another Data Control. Works with all Data Controls.
Show or hide the Data Control.
Enable or disable the Data Control.
Set the focus to the Data Control.
Get a pointer to the DOM element for the Data Control.
The methods above are not limited to Data Controls. Other controls can also be manipulated by these methods, however not every control is supported by all methods. For example, controls that do not have a value, such as a Container, cannot be used with the getValue or setValue methods.