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.

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.

The Search form allows you to find records using complete or partial values in one or more fields. The result of a search displays only the matching records in your grid. You can sort the results on any field in the grid.

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.

Specifies if the List as a 'Search Part', controls on the UX that allow the user to enter criteria to filter the records shown in the List.

You can define image maps for images that are displayed on an Xdialog with the {image} command. The image map defines rectangular areas on the image, the icon to use when the mouse is over the defined area and the event name to fire when the user clicks on the defined area. In the sample shown below the image map has four defined areas. If the user moves the mouse and clicks on one of the squares in the image, the 'value' variable will be updated to reflect the name of the square the user clicked on and displayed in the input area.

An image can contain multiple sub-images. For example, the Alpha Anywhere system image called 'filebox' contains sub-images. The following script displays a dialog showing the 'filebox' image: