Why does my Injectable CSS not show on a secure form?

  • Profile Image
    Asked on September 26, 2011 at 01:56 PM

    When I make my form a secure form, I lose all html coding and injectable css.  Is this the way it is supposed to be, or is there a way that it can be retained in a secure format?

  • Profile Image
    Answered on September 26, 2011 at 02:29 PM

    Hello CIWisc,

    I checked the HTML source code of your form and I just noticed that you have links pointing to other sources that uses http:// protocol.

    To explain, if you are to use SSL (Secure Socket Layer) protocol or what others call https://, your code that gathers other files to your page, including images should use SSL connection as well.

    An example would be this code in your form:

    background:#e9f3cf url('http://i279.photobucket.com/...');

    The image that you should be calling to your form should come from https://www.somedomain.com/image. 

    If photobucket does not allow users to use https, then you should find a server that allows it.  Or better yet, use jotform's image tool:

    1. Edit your form
    2. Click Power Tools on the left panel
    3. Click or drag and drop Image to your form

    4. Select Upload an Image, choose your file and upload.

    5. Now that you have the file uploaded, use it for the meantime in your image tool.
    6. Once it shows in your form editor, click the properties of the image tool

    7. Get the URL of the image source

    7. Delete the image tool and then use the URL to paste in your CSS injection (change http:// to https://)

    If you need further assistance, please let us know.



  • Profile Image
    Answered on September 26, 2011 at 02:46 PM

    In addition to what Liyam posted, try changing your secure URL from https://secure.jotform.com to https://www.jotform.com as there is a known problem concerning this matter.