Alpha Anywhere 4.5.0 Videos

The videos below were published as part of the Alpha Anyhere 4.5.0 release.

Category Title Description
UX Component Multi-Lingual PhoneGap Applications Normally, UX components can be localized by wrapping the strings you want to translate in either language tags (<a5:r>...</a5:r>) or text dictionary tags (<a5:t>...</a5:t>). The string translation takes place on the server when the component is rendered. But in a PhoneGap application, the component is loaded from the file system on the device and so you can't use language or text dictionary tags. Instead, you must use a client-side approach (using Javascript) to translate the strings into the selected language.

In this video we show how you can implement client-side language translation.

Watch Video

Download component

Date added: 2017-08-04
UX Component - FormView Control Client-side Show/Hide and Enable Expressions that Reference External Data Typically, the client-side show/hide and enable expressions in a FormView layout reference field values that are in the data being displayed in the Form. For example, the Form might have a field called Country and you might want to show a container only when the Country field has a certain value.

However, there are also use cases where you want to reference external data (i.e. the value in some other control on the UX) in a client-side expression. This video shows how this is done using FormView state variables.

Watch Video

Download component

Date added: 2017-08-14
UX Component - ViewBox Control Client-side Show/Hide Expressions that Reference External Data When you define the layout for a ViewBox control, the template can use the {*if} directive to conditionally show/hide content in the ViewBox. Typically the expression in the {*if} directive will reference data in the ViewBox data. But in some cases you might want to reference data that is external to the ViewBox (for example, your UX might have a control whose value you want to reference in the {*if} directive's conditional expression). In order to do this, you must create a ViewBox state variable that is set to the value of the external data.

In this video we show how external data is used in a ViewBox conditional expression.

Watch Video

Download component

Date added: 2017-08-15
UX Component - List Control Displaying Data in a List using a StarRating Control Many applications allow you to rate something by tapping on a star in a StarRating control. The UX component has a stand-alone StarRating control (accessed by selecting [More...] in the UX Builder Controls toolbox), but in some cases you might want to display data in a List control using a StarRating control.

In this video we show how this is easily done.

Watch Video

Download component

Date added: 2017-08-18
UX Component - List Control Row Drag Actions A common user interface pattern seen in mobile apps that use a List is to allow the user to drag on a row in the List to invoke some type of action. For example in the iOS Email app a user can drag on a row to archive the row, mark is as unread/read, or move the row to another folder.

In this video we show how you can implementing row drag behavior an a List control.

Watch Video

Download component

Date added: 2017-08-25
UX Component - List Control Reorder List Rows by Dragging Row to New Position In certain applications where a List control is used, it is necessary to allow the user to reorder the rows in the List. A common user interface pattern used to reorder List rows is to allow the user to drag a row to its new position in the List.

In this video we show how you can add 'drag to move row' behavior to a List control.

Watch Video

Download component

Date added: 2017-08-28
UX Component - List Control Displaying Summary Values in Column Footers In some applications you might want to compute summary values (e.g. count, total, average, etc.) for data in a List column and then display that data below the last row of data in that column.

In this video we show how this is done.

Watch Video

Download component

Date added: 2017-09-02
UX Component Adding Keyboard Shortcuts to a Component In this video we show how you can add support for keyboard shortcuts to a UX component. Keyboard shortcuts can speed up a user's interaction with a component. For example, you could configure the Ctrl-S key as a shortcut for saving the data in the a UX.

Watch Video

Download component

Date added: 2017-09-02
UX Component Using the Enter key as a Keyboard Shortcut to Navigate to Next Control For users filling in a UX with many controls, pressing the Enter key to navigate from field to field, can be a useful productivity boost.

In this video we show how the Keyboard Shortcuts feature in the UX component can be used to map the Enter key to navigate between input controls.

Watch Video

Download component

Date added: 2017-09-02
UX Component - List Control Displaying Data in a List using Switch, Radio Button, Checkbox, Integer Increment and Map Controls The UX offers several different control types that can be used to display data in the List.

In this video we demonstrate several of the control types that can be used in a List.

Watch Video

Download component

Date added: 2017-09-02