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.

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.

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.

We have seen how the embedded owner-draw directives can control the font, color and background color of the data. In this lesson, we will show how you can specify bitmaps in the data that you display. The directive for specifying an image is:

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:

Customize the checkmark image and the background color of the RadioButton or CheckBox control.