Image
- Last UpdatedJun 22, 2023
- 5 minute read
Use Image control to insert an image in your form.
Properties
The properties for the control are grouped under the following tabs:
Basic
|
Property |
Description |
|---|---|
|
Name |
Name that identifies the control. This value is also used for the label of the control. |
|
XML Node |
XML node mapped to the control. Use this value to map a list to a form and a form to a workflow.
Note: |
|
Description |
Description for the control. |
|
Tooltip |
Message that appears when the pointer hovers over the control. |
|
Image Path |
Path to the image for the control. The image path is specified as:
Note: |
Appearance
|
Property |
Description |
|---|---|
|
Visible |
Show or hide the control.
|
|
Label Position |
Position of the label for the control.
Note: |
|
Label-Control Area |
Area occupied by the label and the control in percentage.
Note: |
|
Alignment |
Alignment of the control with respect to the form.
|
|
Width |
Width in pixels for the control. The default value is 0. Note: If the value is 0, then the width of the control is set as per the default values. |
|
Height |
Height in pixels for the control. The default value is 0. Note: If the value is 0, then the height of the control is set as per the default values. |
|
Retain Space |
Reserve or remove space when the control is hidden.
|
|
Downscale Image |
Reduce size of the image for the control based on the display width.
|
|
Alternate Text |
Alternate text for the control. |
|
Custom Style Sheet Identifier |
Prefix for the CSS class name in the custom style sheet. For information about using custom style sheets, see Custom Styles. Note: The value must start with an alphabet and can contain only alphanumeric characters. |
Advanced
|
Property |
Description |
|---|---|
|
On Data Change |
Run a script when value of the control changes. For more information, see scripting guidelines for On Data Change property. |
|
ID |
Reference identification code for the control. This value is automatically generated and cannot be changed. |
Scripts
For information about using scripts, see scripting guidelines for Image control.
Image Path Tags
|
Tag |
Description |
|---|---|
|
<BPMUITemplates> |
Replaces the path with the application path excluding the theme name attached to the repository. For example, <BPMUITemplates>/Images/imagename.png is replaced as /EnterpriseConsole/BPMUITemplates/Default/Images/imagename.png |
|
<ThemePath> |
Replaces the path with the application path including the theme name attached to the repository. For example, <ThemePath>/Images/imagename.png for the Lite theme is replaced as /EnterpriseConsole/BPMUITemplates/Default/Themes/Lite/Images/imagename.png When there is no theme attached to the repository, the theme name folder along with the parent themes folder is removed from the path. For example, /EnterpriseConsole/BPMUITemplates/Default/Images/imagename.png |
|
<ThemeName> |
Replaces the path with the theme name attached to the repository. For example, <BPMUITemplates>/Themes/<ThemeName>/Images/imagename.png for the Lite theme is replaced as /EnterpriseConsole/BPMUITemplates/Default/Themes/Lite/Images/imagename.png When there is no theme attached to the repository, the <ThemeName> tag along with the parent themes folder is removed from the path. When there is no parent themes folder, the theme name folder is removed from the path. When there is no theme name folder, the <ThemeName> tag is removed from the path. |