UX Controls

Description

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.

Name
Description
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

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

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.

Introducing 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.

Display grid lines

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

Containers

Data Controls

Defined Controls

Other Controls

Panels

Properties