Image
3 min
the image element embeds a visual asset directly within a form it can display any image from a web url, a base64 encoded data string, or a file reference — making it suitable for static branding assets, dynamic previews of uploaded content, process generated visual outputs, or any scenario where a picture communicates what text cannot the element is fully configurable you can set the display size (width, height), control the aspect ratio, add accessibility alt text, and even make the image a clickable link (linkurl / linkurltarget) since src is part of the data model in procesio forms, the image source can be swapped at runtime — for example, showing a user's profile picture loaded from a process, or rendering a dynamic chart image returned by an api key use cases • displaying a company logo or branding at the top of a form • showing a preview of a file uploaded in the same form (src set from value of file upload) • rendering a dynamic chart, map, or qr code returned by a process action • making an image a clickable link to a related document or external resource • displaying a product image when a user selects a product in a dropdown runtime api — attributes in procesio forms all attributes below are accessible and modifiable at runtime via the element's data model in procesio forms api name description type default notes label optional label text displayed with the image string — — tooltip help text shown alongside the image string — — visible controls element visibility boolean true — src image source — url, base64 string, or file reference string|file — updatable at runtime alt accessible alternative text for the image string — — title title text shown on hover string — — width display width of the image string auto px, %, etc height display height of the image string auto px, %, etc aspectratio controls the image's aspect ratio string auto e g auto, 16/9 linkurl makes the image a clickable link string — — linkurltarget where the link opens string — self, blank, parent, top name unique element name string — — id unique element id string — — for support, please join our https //discord com/invite/cebukgjefv for further assistance and support
