Introducing the UX Component
The UX Component is one of the basic building blocks for Alpha Anywhere applications. It is generally the main component for creating mobile apps.
There are a couple ways to locate the UX Component Builder in Alpha Anywhere
If you have set up Web Security already, Go to the Web Projects Control Panel and click in the Create dropdown list.
From the list choose the UX Component option. The Select UX Component Dialog will then open..
Alternatively, click New on the Web Projects Control Panel toolbar.
In the New File Dialog select Web Component and click Next > .
When prompted for what type file you want to create, click UX and Next > .
The Select UX Component Dialog will load. Choose whether you want to work from a template or start with blank Grid Component and click OK. The UX Builder will then appear. The available template options are described in the following section.
When you create a new UX component you have the option of either creating a completely new blank component or using a pre-existing template. This provides a structure to which additional controls additional controls can be added and existing ones can be customized to your liking. A complete list of template pages is provided in the following link:
- UX Templates
UX Templates can be used as a starting point for creating new applications, adding login and security management interfaces, and more.
The UX Builder contains the following tools on it's toolbar.
The page menu lets you select the different UX builder pages that allow you to construct a UX component.
Page options are listed below. When you first open the UX Builder the page menu will appear like this:
A basic intro page that describes the UX Component and how to get started.
- UX > Controls
Specifies the controls and control properties that will appear in the UX.
- UX > Properties
Specifies properties for the UX component.
- UX > Data Binding
Bind UX controls with new or existing tables.
- Events > Server-side
Allows you to set server-side events
- Events > Client-side
Allows you to set Client-side events
- Code > Xbasic functions
Allows you to add and manipulate Xbasic function
Allows you to record information about the UX.