UX Templates

Description

UX Templates can be used as a starting point for creating new applications, adding login and security management interfaces, and more.

Name
Description
Client-Side_Charting_GoogleCharts

Demonstrates a variety of charts created using Google Charts.

Customer-MultipleAddresses

A UX Component to capture information about a customer.

Customer-Simple

A simple UX Component to capture customer information.

Invoice-Order

A UX Component for entering an Invoice or Order.

KeyboardShortcuts_Unique_to_each_PanelCard

A component with Panel Cards that can be accessed using keyboard shortcuts.

Amazon Look-alike Sample Mobile Application

A sample shopping application.

MobileAppFramework_Client-side-Language_Translation

This example shows how to localize an application client-side at run-time, allowing you to build multi-lingual offline-enabled mobile applications. The same technique can also be applied to web applications.

MobileAppFramework_Data_driven_forms

This example shows how a ViewBox control can be used to implement a data-driven form, a form whose fields are dynamically computed at run-time.

MobileAppFramework_FlyInMenu_to_select_Active_Panel

A template for creating an app with a fly-in menu to select the active template in a UX component.

MobileAppFramework_PanelNavigator_with_List_menu_in_ControlBar_Disclosure Template

A framework for a mobile application with a Panel Navigator and multiple Panel Cards that are navigated by selecting the panel to display from a List shown in a ControlBar disclosure menu.

MobileAppFramework_PanelNavigator_with_Scrollable_TabButtons

A framework for a mobile application with a Panel Navigator and multiple Panel Cards with a scrolling button bar.

MobileAppFramework_PanelNavigator_with_TabButtons

A framework for a mobile application with a Panel Navigator and multiple Panel Cards.

MobileAppFramework_Sample_Disconnected_App

Demonstrates a simple mobile app that supports 'disconnected' mode.

MobileAppFramework_TwoPanel_Responsive_Layout

A framework for a responsive mobile application with two panels.

MobileAppFramework_with_SplitView_ExpandingTreeMenu

A framework for a mobile application with a hierarchical split-view Menu for navigating the app.

MobileAppFramework_with_SplitView_Hierarchical_Menu

A framework for a mobile application with a hierarchical split-view Menu for navigating the app.

MobileAppFramework_with_SplitViewMenu

A framework for a mobile application with a split-view Menu for navigating the app.

MobileForms_StarterExample

A sample component that demonstrates how the FormView control can be used to create a mobile optimized form.

Panel Card with header, Title and Buttons

This panel card layout includes a header with a centered title and left and right aligned buttons.

Panel Card with Header, Title, Buttons and Footer with button list

Panel Card Layout includes a header with centered text, a left and right aligned button, and a footer with a button list.

Panel Navigator with Header and 3 Panel Cards

A panel navigator with panel header and buttons. Includes title, back, and next buttons.

PhoneGap - iPhone X Styling

This component shows how to style a Cordova application for iPhone X.

PhoneGap - iOS Background Geolocation

This component demonstrates using the transistorsoft / cordova.background-geolocation-lt plugin.

PhoneGap - iOS Biometric User Authentication

This example uses the cordova-touch-id plugin and Action Javascript to verify the user's identity using the iOS biometric scanner.

PhoneGap - iOS Device User Authentication

This example uses the cordova-touch-id plugin to verify the user's identity with the on device fingerprint scanner.

Cordova - Secure Login with Location Tracking and Pushwoosh Notifications

This example demonstrates the using the Pushwoosh plugin for sending notifications.

PhoneGap - Sound Effects using Native Sounds

This Cordova template application shows how to add sound effects to an application. It requires the 'Low Latency Audio' and the 'Status' bar plugins.

PhoneGap-Shell

Create a UX Component that can be used to test changes to a mobile app without needing to republish the application after every change.

PhoneGap-Shell-V2

Version 2 of the PhoneGap-Shell template. Create a UX Component that can be used to test changes to a mobile app without needing to republish the application using Cordova CLI after every change. The PhoneGap-Shell-V2 supports multiple server addresses as well provides a way to see what plugins are installed.

SecurityFramework-LoginComponentMobileApp-Persistent Login

A framework for building a mobile application that provides persistent login, allowing a user to log into an application once.

SecurityFramework-ChangePassword

An interface for changing the password for an account.

SecurityFramework-CreateNewUserAccount

An interface for creating new users.

SecurityFramework-CreateNewUserAccount_and_AddUserInformationToRelatedTable

An interface for creating new users and adding related user information to other tables in a database.

SecurityFramework-EditAccountForExistingUser

An interface for editing user account information.

SecurityFramework-LoginComponent

A login component.

SecurityFramework-LoginComponentMobileApp

A login component for mobile applications.

Twitter_Display_Tweets_in_a_List_Control

An interface for displaying tweets using the Twitter API.

UX_Ad_Hoc_SQL_QueryBuilder

Allow users to execute ad-hoc SQL SELECT statements against any table in a database. Queries can be saved for future use and query results can be exported to Excel.

Using UX Templates

Whenever you create a new UX component in Alpha Anywhere the UX Templates Genie pops up. This genie lets you select one of several pre-defined templates or a template from your own library of templates. Templates can be a great time saver because you can pre-set a multitude of properties whenever you create a new component.

images/find6.png

Some UX templates are specifically geared towards creating mobile apps while others are aimed at quick start applications that utilize Cordova, panels, or other features. Of course it is always possible to select the "Start with a blank UX component" option. Here are some video links relating to the UX Component's template dialog.