Image element
Compose Enterprise is going through a design update. The illustrations on this page might be of the old design, but the information is up to date. Thank you for your patience during this update!
Create or open a previously created form and navigate to the Builder section of the form builder. You will find the image element in the Elements menu on the right. Click to add an image element to the canvas.
Select the newly created image element in order to access its Properties menu under the Elements menu.
Properties - Builder | |
|---|---|
URL | Insert the source link where your image is being stored. The image must be linked to a web share somewhere in order to be used in the form. |
Alignment | Select where you want to align your image in the image element's canvas. Your choices are Left, Center or Right. |
Override width/height | Customize the width and height of the image in the pixels. |
Alternate Text (alt) | Insert a descriptive text which will be an alternative text. This way you ensure that the description of the image is accessible to everyone. The alternative text will also be shown when user hover the mouse on the image. For web browsers which can not show images or has blocked for images, this text will be shown. |
Properties - Help/Style | |
|---|---|
Help Text | Toggle Display Help and write a Help Text for guiding the end-user. The help text is available to the user next to the element by clicking the icon. |
Tooltip | Toggle Display Tooltip and write a Tooltip for guiding the end-user in the form. The tooltip is available to the user by hovering over the group. |
Style – Tag Names | Insert tags which will be translated into CSS class names for the implementation elements in the respondent-GUI. The feature comes in handy when you are customizing a skin. |
For more guidance on shaping form content through guiding texts and styling, check out the user guides through the documentation page Help and Style - guide the end-user through the form.
Properties - Conditions | |
|---|---|
Display Condition | You can choose to hide and show elements depending on different conditions. |
Enable Condition | You can enable and disable elements depending on different conditions. |
Information about changing display and enable conditions can be found in the Display/Enable conditions and Condition scripting user guides.
