A Login/Register form for authenticating a user before allowing access to an application.

You must first install Alpha Anywhere before you can proceed with the tutorial lessons. To install Alpha Anywhere:

After you have defined all security parameters, you may build a login component. A login component may include up to 3 "views". All login components have a login view. This includes the fields for entering a user ID and password and may include links to other views. If the security settings allow a user to change his or her password on-line, a second view named "Change Password" is available. This allows you to configure a specific component layout for changing passwords. If the security settings allow the user to recover lost login information, a third view named "Lost Info" is available. This will show various fields that are used to verify the identity of a user and return the requested login information.

The default Display Mode for image files on reports is "Absolute". This mode prints one picture pixel per printer pixel. The result will typically produce a print image smaller than you desire.

If enabled, base64 encodes all images referenced in the UX and embeds them in the HTML for the application.

A common web application requirement is to allow users to upload and view images. This example provides a simple model that you can start with.

Specify if the image should be base64 encoded and embedded directly into the HTML.

Many developers want to create display multiple thumbnail images on a page, then allow the user to select one image to see it in a larger format on a second page. This tutorial describes the process of creating these pages.

When you place a marker on a Google Map, you have full control over the icon that is used. You can specify an expression that evaluates to the icon name to use for the marker. Or, you can specify an Xbasic function that will get called for each row in the Grid. The function can compute the marker icon based on the data in the current Grid row.

Xdialog allows you to place images on dialogs. You can place the images on the dialog background, on a button, next to an element in a list box, and so on. This lesson discusses some of the ways in which you can work with images.