1. In the window editor, click (or select "Insert .. Control .. Image").On the "Creation" pane, in the "Usual controls" group, click "Image".
2. Click the position where the control will be created in the window. The control appears in creation mode.

"General" tab

Choosing the image displayed in the control:
The image displayed by the control is selected via the [...] button.The image displayed by the control is selected via the button, "Browse" option.

If the image control displays a PDF file, all you have to do is select the PDF file to display. ..ImageMode, ..NumberPage and ..PageNumber are used to select (if necessary) the PDF page that will be displayed in the Image control.
Caution: Displaying a PDF file in an image requires the GDI+ framework.

Versions 20 and later

To manage the DPI of devices, the name of image file must have a specific format. See Android/iOS: Providing an image per DPI for more details.

New in version 20

To manage the DPI of devices, the name of image file must have a specific format. See Android/iOS: Providing an image per DPI for more details.

To manage the DPI of devices, the name of image file must have a specific format. See Android/iOS: Providing an image per DPI for more details.

• the use of 9-slice scaling.
• the display mode, the transparency, the position and the symmetry of images. See Choosing the display mode of image for more details.

"GUI" tab

• the initial control status,
• Versions 21 and later
  whether the crosshair must be displayed (or not) in the control. The crosshair corresponds to the thumbnail displayed by default in the Image control in the editor.
  

  

  Image with crosshair

  

  Image without crosshair

  This option can also be enabled/disabled for all Image controls in the options of window editor. See Options of the window editor for more details.
  New in version 21
  whether the crosshair must be displayed (or not) in the control. The crosshair corresponds to the thumbnail displayed by default in the Image control in the editor.
  

  

  Image with crosshair

  

  Image without crosshair

  This option can also be enabled/disabled for all Image controls in the options of window editor. See Options of the window editor for more details.
  whether the crosshair must be displayed (or not) in the control. The crosshair corresponds to the thumbnail displayed by default in the Image control in the editor.
  
  

  Image with crosshair
  

  Image without crosshair
  This option can also be enabled/disabled for all Image controls in the options of window editor. See Options of the window editor for more details.
• the action performed during a right click,
• the popup menu associated with the control,
• ...

"Details" tab

• The display parameters
  • Versions 18 and later
    Loading in background task: If this option is enabled and if the image must be loaded on a site, the application does not wait for the end of loading to continue. An animation is automatically displayed in the Image control if necessary.
    Remark: If the Image control is found in a looper, the image is always loaded in background task (no matter whether the option is enabled or not).
    New in version 18
    Loading in background task: If this option is enabled and if the image must be loaded on a site, the application does not wait for the end of loading to continue. An animation is automatically displayed in the Image control if necessary.
    Remark: If the Image control is found in a looper, the image is always loaded in background task (no matter whether the option is enabled or not).
    Loading in background task: If this option is enabled and if the image must be loaded on a site, the application does not wait for the end of loading to continue. An animation is automatically displayed in the Image control if necessary.
    Remark: If the Image control is found in a looper, the image is always loaded in background task (no matter whether the option is enabled or not). Loading in background task: This option is used to avoid locking the application if the image must be loaded from a site. An animation is automatically displayed in the Image control if necessary.
    Remark: If the Image control is found in a Looper control, the image is always loaded in background task (no matter whether the option is enabled or not).
  • Versions 18 and later
    Orientate according to the Exif data of image: If this option is enabled, a photo will be automatically displayed in the proper direction (portrait or landscape) according to the Exif data of photo.
    New in version 18
    Orientate according to the Exif data of image: If this option is enabled, a photo will be automatically displayed in the proper direction (portrait or landscape) according to the Exif data of photo.
    Orientate according to the Exif data of image: If this option is enabled, a photo will be automatically displayed in the proper direction (portrait or landscape) according to the Exif data of photo.
  • Automatic scrollbars and zoom: This option is required to display the PDF files in the Image controls. If the PDF file cannot be entirely displayed in the Image control, scrollbars are displayed and the zoom is available by pressing Ctrl + mouse wheel. The zoom can also be handled by programming with ..Zoom.
  • Zoom and scroll with finger: This option is used to manage the multi-touch in the mobile applications. See Multi-touch in an Image control for more details.
• The animation options
  See Animating an image for more details.
• The options of click area
  See Clickable Image control for more details.

"Style" tab

• Versions 21 and later
  An animation when changing the image displayed in the control ("Control animation" element). The "Parameters" button is used to define the duration of animation.
  New in version 21
  An animation when changing the image displayed in the control ("Control animation" element). The "Parameters" button is used to define the duration of animation.
  An animation when changing the image displayed in the control ("Control animation" element). The "Parameters" button is used to define the duration of animation.
• A border ("Outside border" element).
• A soft shade ("soft shade" element).

1. Select the "Outside border" element.
2. Expand the "Border" list. The available borders are displayed.
   • The "Round xxx" options are used to define a round border. If these options are selected, a blue arrow allows you to open the window for style configuration in the "Style" tab.
   • The "Image (9-image mode)" option is used to choose an image for the border and to configure it via the 9-image mode.
   • The "Custom" option is used to define a custom border. If this option is selected, a blue arrow allows you to open the window for configuring the custom shape.
   • Versions 21 and later
     The "Round" option is used to create a round image. If these options are selected, a blue arrow allows you to open the configuration window (line thickness and style)
     Caution: To avoid being distorted, the display mode of the image must be homothetic.
     New in version 21
     The "Round" option is used to create a round image. If these options are selected, a blue arrow allows you to open the configuration window (line thickness and style)
     Caution: To avoid being distorted, the display mode of the image must be homothetic.
     The "Round" option is used to create a round image. If these options are selected, a blue arrow allows you to open the configuration window (line thickness and style)
     Caution: To avoid being distorted, the display mode of the image must be homothetic.