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.
Adds the ability to search a List control with a highly-configurable interface that lets the user add and remove fields from the search criteria.
The AudioPlayer control allows you to add a control to the UX to play audio files. Rich Data Capture.
- AudioRecorderAndPlayer Control
The AudioRecorderAndPlayer control allows you to add a control to the UX component to play audio files and to record audio files in PhoneGap applications. Rich Data Capture.
- Button List
The Button List displays a series of buttons in either a vertical or horizontal orientation.
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.
A control for adding server-side Charts to a UX Component.
The CheckBox control can be used to add checkboxes to an application. Multiple checkboxes can be specified as a single CheckBox control.
Data Bound Custom Controls are a powerful technique for creating custom controls on a UX component.
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.
Displays a list of menu items. Menus can have sub-menus. Sub-menus are animated into view when expanded.
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.
- 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 ink control allows users to enter drawn data into a database and annotate images.
This control is used for a field that only allow integer values and the value can be set by clicking buttons to increment/decrement the integer value. The integer value control makes it easy for users to select an integer that can then be used to set the value of another control inside a component.
Places a stand-alone label on the component. Most controls also come with their own label.
- List Control
Information about the List Control.
- Map Control
Inserts a map control into a UX component.
- Multi-select Token Control
The Multi-select Token control is a dropdown control with an auto-complete list that inserts tokens that can be removed by clicking an 'x' button on the token or using the delete or backspace key on the keyboard.
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.
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.
- SemiCircularNumberDisplay Control
The SemiCircularNumberDisplay control can be used to display numeric data as a semi-circular chart.
The Signature Capture control is used to capture a signature in an application.
The Slider Control can be used to set the value of either a single control or two controls (e.g. start and end values.)
- 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'.
- SpreadsheetInput Control
Displays a spreadsheet style grid for editing values.
Star Ratings are a common way to add input.
The Step Indicator control is used to show what step a user is on in a multi-step action.
Switch controls allow users to turn settings in an application on and off with the tap of a finger.
- Text Area
'Text Area' controls provide a large area where users of an application can write.
Adds a data-bound VideoPlayer control to a component.
- 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.
- 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.