Mobile and Web Components

Description

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.

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

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