Mobile and Web Components


Components are the building blocks of Alpha Anywhere applications. A workspace can contain one or more components. Some types of components are better suited for mobile applications or web applications.

Building Mobile Applications 

The UX Component is used exclusively to create Mobile Applications.

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.

Building Web Applications 

All components in Alpha Anywhere can be used to build web applications. A variety of highly-customized components are available to provide specific functionality, such as calendars, image galleries, or video players. Note that everything that you can build using other types of components can also be built using the UX Component.

UX Component

The UX Component is one of the basic building blocks for Alpha Anywhere applications. It has a wide range of controls that are optimized for speed and performance in mobile and web applications.

Grid Component

A Grid Component is used to provide an interface for viewing and modifying data in database in web applications. For a lighter-weight alternative, consider the List Control in a UX Component.

Tabbed UI Component

The Tabbed UI Component can be used to create a tabbed interface for a web application.

Page Layout Component

The Page Layout Component is used to create a complex page layout for a web application.

Navigation System Component

The Navigation System component can be used to add horizontal or vertical toolbars with submenus, allowing you to add navigation to a web application.

Login Component

The Login Component provides a way for users to log in to an application in which the Web Security Framework has been enabled. A Login interface can also be created using the UX Component. See "SecurityFramework-LoginComponent" and "SecurityFramework-LoginComponentMobileApp".

Maintenance Component

The Maintenance Component can be used to perform maintenance on DBF tables used in any application built with Alpha Anywhere.

Google Map Component

The Google Map Component can be used to display a Map that uses the Google Maps API. A Google Maps API key (set in the Project Properties) is required to use this component. See also Alternative Views (Grids) and the UX Component Map Control.

Video Player Component

The Video Component lets you display and play an HTML5 video, Flash video, or an embedded hybrid of HTML5/Flash video and player from YouTube. See also the VideoPlayer, VideoPlayer (mobile-optimized), and VideoRecorderPlayer controls in the UX Component.

Calendar Component

The Calendar Component is a third party component that allows you to display and edit appointments, events, etc. It requires a Web2Cal license, which must be purchased separately.

Image Gallery Component

The Image Gallery Component can be used to create an image gallery that displays images stored in a folder on a server.

AppLauncher Component

The AppLauncher component can be used to determine the type of device a user is running on and dynamically load a component that was designed for the device. This same behavior can be accomplished by building a response UX Component.

Custom Component

Custom Components allow you to create a complete custom component where you define the Xbasic code that generates the HTML and JavaScript the component will emit. This component type is intended for advanced developers.

Legacy Components 

Several legacy components are also included in Alpha Anywhere These components are for compatibility purposes only for applications built using older versions of Alpha Anywhere.

These components are obsolete and should not be used in applications built using Alpha Anywhere.
Dialog (Classic)

The Dialog allows you to create forms to prompt the user for information. The Dialog (Classic) does not support Ajax callbacks nor does it work with Alpha Anywhere's security system. Use the UX Component instead.

Grid Linker

The Grid Linker component allows you to link two or more Grid components in a one-to-many relationship. The same thing can be accomplished using Linked Grids or Row Expanders in a Grid Component.

Tabbed Grid Linker

the Tabbed Grid Linker component displays a parent Grid component with a series of tab buttons that allows you to select which component to display. The same thing can be accomplished with Linked Grids or Row Expanders in a Grid Component.

Adding a Component 

New Components can be added using the New button on the Web Projects Control Panel toolbar. The New button will open the New File dialog.

Select Web Components and click Next. Choose the component to create from the choices shown.

The New File dialog displays your installed user-defined components in addition to all the provided system components. Legacy components are shown below all other components and are hidden by default (recommended).