gImage (Function)

ONLINE HELP
WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

This content has been translated automatically. Click here to view the French version.

Inserting images
Image height (List Box or Combo Box control)
Image in the title of a column in a Table control

WINDEV

WEBDEV

WINDEV Mobile

Others

See also

gImage (Function)

In french: gImage

Builds a sequence of characters containing an image.

This sequence of characters is used to insert an image:

in an element of a List Box or Combo Box control.
in the title bar and/or status bar of a window.
in a Static control.
in a Text column found in a Table control.

The inserted image can be:

a standard image,
an image made of several drawings. This image will have been divided beforehand (by LoadImage or by LoadImageSheet).

Versions 22 and later

This function is now available in the code of stored procedures.

This function is now available for WINDEV applications in Linux.

This function is now available for WEBDEV sites in Linux.

This function is now available for WEBDEV sites in Windows.

New in version 22

This function is now available in the code of stored procedures.

This function is now available for WINDEV applications in Linux.

This function is now available for WEBDEV sites in Linux.

This function is now available for WEBDEV sites in Windows.

This function is now available in the code of stored procedures.

This function is now available for WINDEV applications in Linux.

This function is now available for WEBDEV sites in Linux.

This function is now available for WEBDEV sites in Windows.

Versions 21 and later

This function is now available in Universal Windows 10 App mode.

This function is now available for iPhone/iPad applications.

This function is now available for Android applications.

New in version 21

This function is now available in Universal Windows 10 App mode.

This function is now available for iPhone/iPad applications.

This function is now available for Android applications.

This function is now available in Universal Windows 10 App mode.

This function is now available for iPhone/iPad applications.

This function is now available for Android applications.

Example

// Add the "C:\MyImages\Image.BMP" image to the "LIST_Customer" control
ListAdd(LIST_Customer, gImage("C:\MyImages\Image.BMP"))

// Add an image made of several drawings
// Split into 10 rows and 2 columns
// Load the "C:\MyImages\DecImage.BMP" image in memory
LoadImage(IDImage, "C:\MyImages\DecImage.BMP", 10, 2)
FOR DrawingRank = 1 TO 10*2
ListAdd(LIST_Customer, gImage(IDImage, DrawingRank))
END

// Add an image to the title of a column in a Table control
TABLE_MyTable.COL_MyColumn.Title = gImage("MyImage.BMP") + "My title"

Syntax

Inserting a standard image Hide the details

<Result> = gImage(<Image name>)

<Result>: Character string

Sequence of characters in the following format: <Image identifier>, <Drawing rank>.
This sequence of characters can be:
used in ListAdd, ListInsert or ListModify.
assigned to a Static control.
used in the title bar or status bar of a window.
used in a Text column found in a Table control.
This sequence of characters is not interpreted by the controls in WEBDEV. This function can be used to format the string returned by a WEBDEV Webservice consumed by a WINDEV or WINDEV Mobile application.

<Image name>: Character string

Name and full (or relative) path of the image to insert. A UNC path can be used.
Name and full path of the image to insert.
Name of Image control containing the image to insert.

Inserting an image made of several drawings Hide the details

<Result> = gImage(<Image identifier> , <Drawing rank>)

<Result>: Character string

Sequence of characters in the following format: <Image identifier>, <Drawing rank>.
This sequence of characters can be:
used in ListAdd, ListInsert or ListModify.
assigned to a Static control.
used in the title bar or status bar of a window.
used in a Text column found in a Table control.
This sequence of characters is not interpreted by the controls in WEBDEV. This function can be used to format the string returned by a WEBDEV Webservice consumed by a WINDEV or WINDEV Mobile application.

<Image identifier>: Integer

Identifier of the image (between 1 and 9) corresponding to the identifier of the image divided and loaded in memory by LoadImage or LoadImageSheet.

<Drawing rank>: Integer

Number of the drawing cut. The set of drawings constitutes the image. This number ranges from 1 to the result of the multiplication of <Number of columns> and <Number of rows> used in LoadImage or LoadImageSheet.

Versions 25 and later

Inserting an image contained in an Image variable Hide the details

<Result> = gImage(<Image> [, <Mode>])

<Result>: Character string

Sequence of characters in the following format: <Image identifier>, <Drawing rank>.
This sequence of characters can be:
used in ListAdd, ListInsert or ListModify.
assigned to a Static control.
used in the title bar or status bar of a window.
used in a Text column found in a Table control.
This sequence of characters is not interpreted by the controls in WEBDEV. This function can be used to format the string returned by a WEBDEV Webservice consumed by a WINDEV or WINDEV Mobile application.

<Image>: Image variable

Name of the Image variable to insert.

<Mode>: Optional Integer constant

Image display mode:
imgCentered Centered: Image centered in the control.
imgStretched Stretched: Image stretched across the entire surface of control.
imgHC Homothetic centered: Image enlarged or reduced (while respecting the proportions of initial image) to occupy the entire surface of control and centered in the control.
imgHE Homothetic extended: Image enlarged or reduced (while respecting the proportions of initial image) so that the smaller side of image is entirely displayed in the control.
imgHCE Homothetic centered extended: Image enlarged or reduced (while respecting the proportions of the initial image) in order for the smaller side of the image to be entirely displayed in the control and in order for the image to be centered in the control.
imgHWIS Homothetic without enlargement: If the image can be entirely displayed in the control, it is displayed at 100%. Otherwise, the image is proportionally reduced in order to be entirely displayed.
imgHCWIS Homothetic without enlargement: If the image can be entirely displayed in the control, it is displayed at 100% and centered in the control. Otherwise, the image is proportionally reduced in order to be entirely displayed and centered in the control.
imgNormal 100%: Image displayed at 100% in the top left corner of control.
imgNoScale In "Large fonts" mode of Windows, the image displayed in an Image control is automatically zoomed.
The imgNoScale constant allows you not to zoom the image in "Large fonts" mode. This constant is useful for controls where a drawing is performed on a bitmap image coming from a screenshot.
This constant must be combined with one of the constants used to define the display mode of image.
This constant is not available.
This parameter is not available.

New in version 25

Inserting an image contained in an Image variable Hide the details

<Result> = gImage(<Image> [, <Mode>])

<Result>: Character string

Sequence of characters in the following format: <Image identifier>, <Drawing rank>.
This sequence of characters can be:
used in ListAdd, ListInsert or ListModify.
assigned to a Static control.
used in the title bar or status bar of a window.
used in a Text column found in a Table control.
This sequence of characters is not interpreted by the controls in WEBDEV. This function can be used to format the string returned by a WEBDEV Webservice consumed by a WINDEV or WINDEV Mobile application.

<Image>: Image variable

Name of the Image variable to insert.

<Mode>: Optional Integer constant

Image display mode:
imgCentered Centered: Image centered in the control.
imgStretched Stretched: Image stretched across the entire surface of control.
imgHC Homothetic centered: Image enlarged or reduced (while respecting the proportions of initial image) to occupy the entire surface of control and centered in the control.
imgHE Homothetic extended: Image enlarged or reduced (while respecting the proportions of initial image) so that the smaller side of image is entirely displayed in the control.
imgHCE Homothetic centered extended: Image enlarged or reduced (while respecting the proportions of the initial image) in order for the smaller side of the image to be entirely displayed in the control and in order for the image to be centered in the control.
imgHWIS Homothetic without enlargement: If the image can be entirely displayed in the control, it is displayed at 100%. Otherwise, the image is proportionally reduced in order to be entirely displayed.
imgHCWIS Homothetic without enlargement: If the image can be entirely displayed in the control, it is displayed at 100% and centered in the control. Otherwise, the image is proportionally reduced in order to be entirely displayed and centered in the control.
imgNormal 100%: Image displayed at 100% in the top left corner of control.
imgNoScale In "Large fonts" mode of Windows, the image displayed in an Image control is automatically zoomed.
The imgNoScale constant allows you not to zoom the image in "Large fonts" mode. This constant is useful for controls where a drawing is performed on a bitmap image coming from a screenshot.
This constant must be combined with one of the constants used to define the display mode of image.
This constant is not available.
This parameter is not available.

Inserting an image contained in an Image variable Hide the details

<Result> = gImage(<Image> [, <Mode>])

<Result>: Character string

Sequence of characters in the following format: <Image identifier>, <Drawing rank>.
This sequence of characters can be:
used in ListAdd, ListInsert or ListModify.
assigned to a Static control.
used in the title bar or status bar of a window.
used in a Text column found in a Table control.
This sequence of characters is not interpreted by the controls in WEBDEV. This function can be used to format the string returned by a WEBDEV Webservice consumed by a WINDEV or WINDEV Mobile application.

<Image>: Image variable

Name of the Image variable to insert.

<Mode>: Optional Integer constant

Image display mode:
imgCentered Centered: Image centered in the control.
imgStretched Stretched: Image stretched across the entire surface of control.
imgHC Homothetic centered: Image enlarged or reduced (while respecting the proportions of initial image) to occupy the entire surface of control and centered in the control.
imgHE Homothetic extended: Image enlarged or reduced (while respecting the proportions of initial image) so that the smaller side of image is entirely displayed in the control.
imgHCE Homothetic centered extended: Image enlarged or reduced (while respecting the proportions of the initial image) in order for the smaller side of the image to be entirely displayed in the control and in order for the image to be centered in the control.
imgHWIS Homothetic without enlargement: If the image can be entirely displayed in the control, it is displayed at 100%. Otherwise, the image is proportionally reduced in order to be entirely displayed.
imgHCWIS Homothetic without enlargement: If the image can be entirely displayed in the control, it is displayed at 100% and centered in the control. Otherwise, the image is proportionally reduced in order to be entirely displayed and centered in the control.
imgNormal 100%: Image displayed at 100% in the top left corner of control.
imgNoScale In "Large fonts" mode of Windows, the image displayed in an Image control is automatically zoomed.
The imgNoScale constant allows you not to zoom the image in "Large fonts" mode. This constant is useful for controls where a drawing is performed on a bitmap image coming from a screenshot.
This constant must be combined with one of the constants used to define the display mode of image.
This constant is not available.
This parameter is not available.

Remarks

Inserting images

gImage can be used to insert an image:
- into the title and status bars of a window or into a Static control.
- into a Table control. In this case, the image must be inserted into a text column.
To display a text over an image:
- Insert an image with gImage,
- Describe the background color of the text with gBackground and the Transparent constant,
- Display the text.
  For example:
  
  ListAdd(LIST_ListView, gImage(ImagePath) + gBackground(Transparent) + gCoord(0, 0) + ...
  "Text")
Versions 17 and later
If a row of a Combo Box control displays an image via gImage, when this row is selected, the image is re-used in the main row.
New in version 17
If a row of a Combo Box control displays an image via gImage, when this row is selected, the image is re-used in the main row.
If a row of a Combo Box control displays an image via gImage, when this row is selected, the image is re-used in the main row.

Image height (List Box or Combo Box control)

The height of the image displayed in an element of a List Box or Combo Box control is truncated to the number of pixels specified when the control was created ("Style" tab of the control description).

Image in the title of a column in a Table control

TitleImage is used to add an image to the title of a column in a Table control.

Business / UI classification : Neutral code

Component : wd260mdl.dll