3.4 Adding And Editing Images
A form design may contain elements for adding images, such as photos and drawings.
On a phone or a tablet with a camera, running a Zegeba app, the element will have two buttons: [Capture] and [Select] – see picture below. [Capture] will open the camera so the user can take a photo and place it directly into the form.
If the form is opened in a browser on a PC, phone or tablet, only the [Select] button will appear. This button will open up the gallery of pictures stores on the device, so you can enter them in the form.
Note: this is the standard look of these buttons. The form designer may have styled them with different text labels and colors for your form.
After you have captured or selected an image fram these buttons it will be displayed in the form like this:
Press the [Open] button to open the image in full size:
From this Image Viewer you can right-click to Save the image in full size or Copy it so you can paste it somewhere else.
Press [Rotate] to rotate the image 90°. Continue pressing the button until the image is shown in the direction you want.
Press [Clear] to remove the image from the form. The image will still be saved on your device/PC.
Editing images
You can edit an image after it has been added to the form. This means either to crop the image or – if the form designer has allowed it – to draw/type on the image.
Press [Edit] and then [Crop] to open the image in the Image Cropping window:
Drag the blue handles to define where the image should be cropped or type Width and Height values in the boxes on top. Press [Reset selection] to get the entire image again, or press [Confirm selection] when you are done.
If the form designer has allowed for drawing on this image, see Designing: 4.1 List of elements, you can press [Edit] and then [Draw] to open the image in the Image Draw window:
The toolbar in the upper left corner contains buttons for selecting (finger icon), drawing (pencil icon), erasing (eraser icon), figures (square icon), typing text (T icon), color (red icon), and Undo and Redo (arrow icons). When you select a drawing, figure or text you have added, the toolbar will also have a Delete option (bin icon). Below the toolbar are boxes for selecting size and – for text – font and character formatting (bold, italics, underline).
When you select a drawing, figure or text object, there will be handles for moving, resizing or rotating the object. In the picture below we have used the handle to the middle right hand side of the yellow arrow to rotate it.
Press [Save] to save this edit of the image in the form. Note that the original image will still be saved on your device – the edit is done on a copy of the original image.
Note: In the form in the app, the image will be shown as in the picture above, with the file name and the buttons below. In the PDF, the image will be shown larger and without any name or buttons.
It is only possible to add one image to a single Image Capture element.
If you want to add multiple images in the same place, the Image Capture element can be combined with a Repeat element in the designer: 6.5 Repeats
FAQs
Why can’t I upload HEIC images?
The Zegeba system currently does not support the HEIC (High Efficiency Image Container) format. HEIC files are commonly used by Apple devices, but they’re not yet compatible with the image processing system.
Why do I see the “Failed to show image” warning?
This warning usually appears for one of two reasons:
1. Incorrect file format: The image you tried to upload is not in a supported format (supported formats: JPG, PNG, GIF).
2. Images not loaded from your device: The system could not access the image because it hasn’t been fully loaded or selected from your device.
Why can’t I see images in other people’s form submissions?
The most common reason is that the app’s settings do not allow attachments to be downloaded automatically. To fix this, go to the apps settings and select “Download attachments”.
