UX Controls

Description

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.

Introducing the UX Controls Page

The UX Controls page
The UX Controls 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.

UX Controls Toolbar

Delete all of the controls.

Delete. Highlight and delete a control from the control list

Move to top. Move a control to the top of the control list

Move up one row. Move a control one row up in the control list

Move down one row. Move a control down one row in the control list.

Move to bottom. Place a control at the end of the control list.

Move to a specified location. Place a control in a specific row in the control list.

Paste current property value. Copies the properties from one control and allows users to paste these property settings on to multiple controls.

Find a Control. Search for a control.

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.

Toggle display of line numbers in the Tree View.

Additional options menu

Mobile device simulator

Layout Error. Appears when there is a problem with the way controls appear in the UX component.

Show comments for current control

Index of Controls and Properties

Containers

Data Controls

Defined Controls

Other Controls

Panels

Properties