If you have a form containing various images (backgrounds, banners, icons, photos) and those images are displayed when the form is viewed at its non-secure (HTTP) URL but not at the secure (HTTPS) one, or your browser gives a warning about the page containing non-secure elements, the images need to be stored at secure locations (URLs).
After uploading the images, do the following:
- View your Form Tables.
- Find the entry you just made and view it. Expand the view of the uploaded image.
- Right-click on the image and select Copy Image Address.
- Edit your form containing the non-secure image.
In the Form Builder…
- Select the Image element.
- Open its Properties window.
- Click the Choose File button.
- Select the Enter URL option.
- Paste the image address that you have just copied.
- Click the Add Link button to finish.
Do the same for each subsequent image that needs securing.
For background images in your form’s custom CSS codes box, replace the URL in the injected CSS with the secure (HTTPS) version of the URL that you will obtain from the submission records of the image upload form.
In other words, the full non-secure URL of the background-trees.png image is:
If you wanted to use that image in the form’s background, the URL would have to be changed to:
After updating all of the image URLs, save the form, and that’s it!