There may be times when you want to use an image, such as a logo, on a form. You can do this by adding a link to the image to a Label (HTML) field.
Adding a Label (HTML) Field
In order to add an image to your form, you will first need to pull a Label (HTML) onto your form. You can find this field type under the Special category in your Field Options palette, as shown below:
Head to this article if you are unfamiliar with the process of editing forms.
Hosting an Image in Shared Files
Many times, you may want to use an image that is currently not hosted online. You can use the Shared Files to get around this limitation. Additionally, you can use this method if you are afraid the URL to an image that you are using elsewhere might change (or the hosting service may change the image).
Note: For Secure Web Forms, images must be hosted in Apricot Shared Files.
For Intake Forms, images must be hosted outside of Apricot Shared Files or on a public web page.
First, make sure the image you want to use is saved onto your computer. In our scenario we will use the Desktop.
Optional: you may already have a Shared File Category that you want to use, if you do you may skip these next few steps.
Head to the Administrator tab
Click on Shared Files under Workflow Station
Click on Create New Category
Give the Category a name
Click on Create
Next, we will choose Upload
Select a Category
Click on 'Choose File' and locate the image
Next, we will need to copy the Image URL.
Click on My Apricot
Choose My Shared Files under My Apricot Tools
Expand the Category which the image was placed in
Hover over Actions
Right click on Download
Select "Copy link address"
Note: Depending on your operating system and/or browser the wording may be slightly different.
Next, we will head to the form that you are creating/editing and add the image to the Label (HTML) field.
Adding the Image to the Label (HTML) Field
Click the green gear icon to the right of the field you added to open the Field Properties Menu.
Once the menu is open, click the image icon.
Paste the URL that was copied into the "URL" box. It should start out with "https://apricot.socialsolutions.com/upload/download/". If it does not, it did not copy properly.
Click the refresh icon to see a refreshed preview of the image. Note: The text below it will not show up on the form.
You may adjust the Width and Height to re-size the image.
Finally, remember to publish your form after making any changes.