Configure image insertion
Image insertion allows a form field to display an image sourced from a URL, with support for preview and enlargement.
|
Configuration applies to: |
Business use cases
Image insertion supports visual context and reference directly within forms. Key scenarios include:
-
Visual identification: Display product, asset, or profile images alongside form data.
-
Improved usability: Provide visual confirmation without navigating to external resources.
-
Contextual presentation: Show images dynamically when a valid source is available.
Procedure
-
In the Application tree, select the field where an image should be displayed.
-
In the Settings/properties pane, set the field type to Image.
-
In the shell bar, select Save.
-
In the Preview pane, enter a valid image URL as the field value.
Result: If the URL resolves correctly, an image preview is displayed. The preview supports enlargement (lightbox behavior). If no image source is entered, the image preview remains hidden.
-
(Optional) Select Hide Input Field to prevent the image source value from being shown.
Example: When opening the form from another application, the image is displayed directly without exposing the source URL.
Result: The image is visible, but the underlying input field is not visible.
-
(Optional) In Image Height, enter a value to control the displayed height of the image.
Example: Enter
300px.Result: The image height is set to 300px, and the width adjusts automatically to maintain the correct aspect ratio. If no value is entered, the default height of 200px is used.
-
In the Shell bar, select Save.
-
In the Preview pane, confirm that the image is displayed only when a valid source is entered, that the image preview can be enlarged, and that the configured height settings are applied correctly.