Image

The Image component adds an image based on a fixed or dynamic URL that uses form expressions. Use this component for branding, providing visual instructions, or enhancing the aesthetic appeal of the form.

This component is for display purposes and does not store a value.

General properties

Property	Description
ID	The identifier of the component, primarily used for client-side interactions and identification in the HTML structure of the form. When you add a component, an ID is automatically generated to ensure it is unique in the form.
Label	Text that appears above the form component in Collibra, briefly describing its purpose. This is the main title or question for the field.
Label tooltip	Additional help or information about the field. If defined, a question mark icon appears after the label, showing the tooltip when users hover their pointer over the icon. The tooltip supports plain text only.
Documentation	A text field for internal design notes or future reference about this specific component. This information is not visible in Collibra.
Source URL	The URL from which the image is loaded. This can be a static URL, for example https://example.com/static-image.png, or a dynamic value derived from an expression, for example https://example.com/`{{selectedImage}}`.png. The expression must resolve to a valid URL.

Image properties

Property	Description
Image max. height	The maximum height in pixels that the image has when shown in Collibra.

Validation properties

Attribute Description

Custom validations

Attribute	Description
Custom validations	A list of additional validations for the component. Each custom validation consists of two parts: Expression: A rule that must evaluate to `true` for the form to be submitted. Error message: The message that shows if the expression evaluates to `false`. For example, you can create a validation with the expression `{{experience>2}}`. This expression evaluates to `true` only if the value of the `experience` variable is greater than 2.

A list of additional validations for the component. Each custom validation consists of two parts:

Expression: A rule that must evaluate to true for the form to be submitted.
Error message: The message that shows if the expression evaluates to false.

For example, you can create a validation with the expression {{experience>2}}. This expression evaluates to true only if the value of the experience variable is greater than 2.

Rendering properties

Property	Description
Ignored	Whether the component is be hidden in the form and any value it might hold is not included in the submission data.
Visible	Whether the component is shown or hidden on the form. You can controlled this unconditionally or through an expression. For example, you can set an expression that hides or shows the component based on a user selection in another component. This property is enabled by default.
Enabled	Whether the component is interactive or read-only on the form. When disabled, users cannot change the component value. This property is enabled by default.
Description	Additional information shown in Collibra below the form field, providing detailed instructions, examples, or essential guidance.