Image Input Field

This guide will explain how to place an input field on top of an image, so users can type directly over a specific part of the image.

Image Input Field Placement Configurations

Column	What it Means
Destination Field ID	The internal ID of the form field you want to map into the image. This must match one of your form’s component IDs.
Input Type	The kind of HTML input to render—e.g. “text,” “number” (shown here as “num”), “date,” etc.
Default Value	An optional value to pre‑populate the input when the image loads.
X Coordinate	How many pixels from the left edge of the image the left side of this input should start.
Y Coordinate	How many pixels from the top of the image the top of this input should start.
Width	The rendered width of the input in pixels.
Height	The rendered height of the input in pixels.

For any questions, please contact us - [email protected] or the Formyoula in-app chat. 🙂