form builder elements

---

What's covered:

In the below article, we'll cover the following items:

• What is the Drawing element?
• How do I add the Drawing element to my form?
• How do I load an image into the Drawing element?

Annotating an image:

• How do I add shapes to my photo?
• How do I choose which shape to draw with?
• How do I draw on my photo?
• How do I add text to my photo?
• How do I clear the annotation from my photo? 

---

What is the Drawing element?

The Drawing element allows you to draw an image as well as annotate an image taken with your device's camera or uploaded from the device's library.

You can also use the new enhanced drawing element on iForm iOS version 9.18 and Android version 9.10 or higher.

---

How do I add the Drawing element to my form?

To add the Drawing element, please follow the instructions below.

STEP 1. From inside the form builder, click the Drawing icon from the left-hand menu. You'll see it populate the device view.

STEP 2. On the right-hand side, you'll see the element properties. Enter the name of your element.  

PLEASE NOTE: If you check the Based on Label option, it will create a data column based on the Label on the element.

STEP 3. Save your form.

---

How do I load an image into the Drawing element?

To load an image in the Drawing element, please follow the instructions below.

STEP 1. Load the form on your device.

STEP 2. Click the Drawing element you added.

STEP 3. Select the Add Image icon in the lower left-hand corner.

STEP 4. Choose how you would like to add the image.

• Take a picture with the camera: The user will take a new photo with the device's camera.
• Pick from the photo library: The user will choose a photo from the device's photo library.

STEP 5. Once you've taken a new photo or upload a photo, you'll choose if you want the image to be a background image or a floating image.

• Use as a background image: This is a static image.
• Use as floating image: This is an image that can be moved around.

The image is now loaded into your Drawing element.

Now that you have your image loaded, you can now annotate it. Please see below for instructions on how to do so.

---

How do I add shapes to my image?

STEP 1. From the bottom menu, select the Adding Shapes icon.

STEP 2. From the pop-up menu, select the shape you want to add.

You'll see the shape added to your image. You can adjust its position by pressing on it and moving it around.

---

How do I choose which shape to draw with?

You can choose whether to draw freehand, draw squares, draw circles, etc.

STEP 1. From the bottom menu, select the Drawing Shapes icon.

STEP 2. Choose what type of shape you'd like to draw.

STEP 3. Draw your shapes.

PLEASE NOTE: You'll need to draw the shapes over the area you want them to cover as they cannot be moved once drawn.

---

How do I draw on my photo?

STEP 1. From the bottom menu, select the Drawing icon.

STEP 2. Choose the size, opacity, and color of your drawing.

STEP 3. Draw on your photo.

PLEASE NOTE: You'll need to draw the shapes over the area you want them to cover as they cannot be moved once drawn. 

---

How do I add text to my photo?

STEP 1. From the bottom menu, select the Text icon.

STEP 2. Choose the font, font size, and font color.

PLEASE NOTE: Clicking Time Stamp will enter in today's date.

STEP 3. Type in text and hit Done.

The text will appear on your photo. You can adjust its position by pressing on it and moving it around.

---

How do I clear the annotation from my photo?

To clear the annotations, click the back arrow in the bottom right-hand corner. If you're clearing more than one, continue to click the back arrow until your annotations are cleared.