Welcome to the UX Controls Page! The UX component contains a large number of different types of controls. Each of these controls comes with its own advantages as well as its own sets of properties. Some of these properties are shared across controls while others are specific to a given control type. This page contains links to the different groups of controls available in Alpha Anywhere as well as a link the Control Properties pages. If you are looking for guides on how to assemble working controls, populate controls with data, or see what a given property in a control's Properties list then this is a good place to start.
- Data Controls
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.)
Panels present a convenient way for organizing mobile applications. The controls that make up an application are placed inside Panel Cards. If Panel Cards are placed inside a Panel Navigator, then users can move through the Panel Cards by swiping their mobile device and/or pressing specified buttons. When placed in a Panel Layout, both Panel Navigator containers and Panel Cards can be designed to appear on the same screen.
Containers, Free-form Layouts, Tab Control.
- Other Controls
FormView, ControlBar, Placeholders, Comments, Static Text, and other controls that are not Data Controls, Panels, Containers, or Pre-defined controls.
- Defined Controls
Defined controls are controls whose functionality has largely been pre-defined. They are ready to use as soon as they are added to a component.
- Additional Options Menu
The toolbar in the UX Controls page contains a 'Menu' dropdown list with a number of useful tools and options.
- Control Properties
When you add a control to a UX component on the control page, that control comes with a number of general property settings. These will appear in the properties list on the right side of the screen. Some controls, like the list control, come with additional builders. The control properties are different from the general UX properties, that are defined on the [UX Properties] page.
The lower left-hand corner of the UX Controls page contains the menus for the Data Controls, Panels, Containers, Other Controls, and Defined Controls. The links shown above, will open guides relating to the controls contained in each of these menus. The toolbar in the UX Controls page also contains a menu known as the "Additional options menu". The link to this menu contains pages describing how each of the options in the additional options menu can be used. The "Control Properties" links displays the groups of property settings for all of the available controls and containers on the Controls page. 'Control Properties' are the properties that are displayed on the left-side of the Controls page whenever an added control is highlighted in the controls tree.
Paste current property value. Copies the properties from one control and allows users to paste these property settings on to multiple controls.
Toggle break. When the component is run, a toggle places the next control in the control list underneath the control with the toggle break.
Set control width to a percentage value. The control width will take up a set percentage on the screen when the component is run.