Browse Article by Topicssecure image images secure image secure images SSL
- How do I Receive SSL Submissions?
- Enabling Security Certificate Seal on Secure Forms
- How to Display Images on Secure Forms
- Where have the Power Tools gone?
- How to Show Headers and Text in the PDF
- How to view Encrypted Submissions in the iOS Mobile App
- How to display uploaded image in the form emails or thank you message
Related Forum Questions
- Upload a File - Not working
- 502 Bad Gateway nginx/1.10.1 -form not working URGENT
- My last form submissions are not being displayed
- Cool Caption widget: Remove image border (Mobile)
- How can I upload image for responding email
- Product lightbox images are not displayed
- How to choose which image is shown for a form when sharing it on social networks
- I get an SSL connection error when trying to view a form
- Can I create a form that customization and for sell?
- Uploaded Images: do not display in the browser, need to view a submitted image without saving it locally.
How to Display Images on Secure FormsLast Update: July 1, 2014
If you have a form containing various images (backgrounds, banners, icons, photos) and those images are displayed okay when the form is viewed at its non-secure (http://) URL but not at the secure (https://secure) one, or your browser gives a warning about the page containing non-secure elements, the images need to be stored at secure locations (URLs).
If you do not have a secure location at which to store images, clone this form (see Cloning a Form from a Web Page), go to its URL and upload your images there. After uploading the images, do the following:
1. Access the form "Submissions" page
2. Find the image file that was uploaded to the form. Copy the direct image URL. Right click the link, click "Copy link address":
3. Click the My Forms link at the top of the page, find the form containing the images that need to be made secure and click its "Edit" button to load it into the form form builder:
4. Click the image whose source URL is to be replaced with what is on the clipboard, click the Image Source button, paste [Ctrl+V] the URL into the box and click OK:
Even though the URL shown above is not a secure one, it will be automatically converted to its secure equivalent whenever the secure version of the form is displayed. However, the same does not obtain for background images (see step 6)
5. Do the same for each subsequent image which needs securing
6. For background images, replace the URL in the injected CSS with the secure (https://secure...) version of the URL that would have been obtained from the submission records of the image upload form.
In other words, the full non-secure URL where the Desert.jpg image (shown above) is located is:
If you wanted to use that image in the form's background, the URL would have to be changed to:
7. After updating all of the image URLs, save the form.
Questions? Please let us know below!