What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Form Theme: Embedded form shows unsecure stylesheet error in the browser console

    Asked by snaplash on December 27, 2016 at 10:34 PM

    Can someone give me a fix for @import url(http://fonts.googleapis.com/css?family=Dancing+Script:400,700); being included in the auto generated code from super-nova theme. 

     

    I didnt even choose the super nova theme for the form:

     

    https://www.jotform.com//?formID=63423617411954

    Its included here:

    <html class="supernova"><head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <link rel="alternate" type="application/json+oembed" target="_blank" href="https://www.jotform.com/oembed/?format=json&amp;url=http%3A%2F%2Fwww.jotform.com%2Fform%2F63423617411954" title="oEmbed Form"><link rel="alternate" type="text/xml+oembed" target="_blank" href="https://www.jotform.com/oembed/?format=xml&amp;url=http%3A%2F%2Fwww.jotform.com%2Fform%2F63423617411954" title="oEmbed Form">

    <meta property="og:title" content="Eric Feedback" >

    <meta property="og:url" content="http://www.jotformpro.com/form/63423617411954" >

    <meta property="og:description" content="Please click the link to complete this form.">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

    <meta name="HandheldFriendly" content="true" />

    <title>Eric Feedback</title>

    <link target="_blank" href="https://cdn.jotfor.ms/static/formCss.css?3.3.16271" rel="nofollow" rel="stylesheet" type="text/css" />

    <link type="text/css" rel="stylesheet" target="_blank" href="https://cdn.jotfor.ms/css/styles/nova.css?3.3.16271" rel="nofollow" />

    <link type="text/css" media="print" rel="stylesheet" target="_blank" href="https://cdn.jotfor.ms/css/printForm.css?3.3.16271" rel="nofollow" />

    <link type="text/css" rel="stylesheet" target="_blank" href="https://cdn.jotfor.ms/themes/CSS/549b6fe0700cc406218b4567.css?themeRevisionID=57dec01a9a11c7b6168b4567" rel="nofollow"/>

    <style type="text/css">

    @import url(http://fonts.googleapis.com/css?family=Dancing+Script:400,700);

     

     

     

    Please advise.

     

    Thank you!

    Page URL:
    https://www.jotform.com//?formID=63423617411954

  • Profile Image

    Answered by snaplash on December 27, 2016 at 11:15 PM

    I was using the mild theme from EltonCris the problem is that it is calling the font via http and not https

  • Profile Image
    JotForm Support

    Answered by Charlie on December 28, 2016 at 01:39 AM

    Hi,

    If you want to use Google Fonts, then you can follow this guide: https://www.jotform.com/help/100-How-to-Use-Google-Fonts-in-your-Form. The @import in your CSS code is not correctly formatted. 

    If you are referring to: <html class="supernova"><head>

    Then that is not the theme I believe, the class "supernova" is a general use. All forms have that in the back-end code.

    If you are getting errors in the browser console, this is because the @import is not properly formatted, here's a screenshot of it:

    Please refer to the guide I mentioned above on how to properly use the @import CSS function.

    Let us know if that helps.

  • Profile Image

    Answered by snaplash on December 28, 2016 at 01:45 AM

    No, unfortunately it doesnt. The code that is generated shows the request to google as http not https.

     

    apologies - I had tried to fix the http reqest by injexting custom css, i have removed it now

     

    Everything I have seen on JF is https and the code and font that is listed was not chosen by me.

     

    I didnt add the code below. it is added dynamically. And whether you know it or not, google is pushing secure content pretty hard. As I said, everthing that I have seen on JF is https, why this code isnt, I dont understand.

     

    @import url(http://fonts.googleapis.com/css?family=Dancing+Script:400,700);

     

    my website is snaplash.com and I am moving to https and although there are issues with mixed content as i move to https,, this is one that I dont have control over.

     

    I could really use a fix to get my 'lock' in the browser bar.

     

  • Profile Image
    JotForm Support

    Answered by Charlie on December 28, 2016 at 02:40 AM

    I see, I was able to replicate the problem by creating a new form and applying the "Mild" theme by Elton. 

    Here's my test website: https://shots.jotform.com/charlie/ssl_error.html

    Here's a screenshot with the error in the browser console:

    Let me forward this to our back-end team to have it checked and fixed.

    Apologies for the inconvenience.

  • Profile Image

    Answered by snaplash on December 28, 2016 at 02:45 AM
    Thankyou, its appreciated
    ...
  • Profile Image
    JotForm Support

    Answered by EltonCris on December 28, 2016 at 02:58 AM

    I updated the Mild Theme and get rid of the unsecured font URL.

    Please re-apply the theme in your form. This should fix. it.

    https://www.jotform.com/theme-store/theme/mild

    Thanks

     

  • Profile Image

    Answered by snaplash on December 28, 2016 at 11:18 AM

    Thanks Elton!

     

    I have reinstalled the theme but unfortunately it is still showing http not https.

    I removed the theme, then saved, then applied the blank theme, then re-installed mild. I am having the same problem though.

     

    I did clear the browsing data  etc, just cant seem to get it to change.

     

    Any thpoughts?

  • Profile Image
    JotForm Support

    Answered by EltonCris on December 28, 2016 at 11:30 AM

    I could not seem to reproduce the problem.

    Have you tried removing the installed theme first? 

    Try to remove it first then re-install the theme.

    If that doesn't help, switch to the default theme first 

    https://www.jotform.com/theme-store/theme/default-theme

    Then apply the mild theme

    https://www.jotform.com/theme-store/theme/mild 

    Let us know how it goes.

  • Profile Image

    Answered by snaplash on December 28, 2016 at 11:44 AM

    https://form.jotform.com/63443865299975

    This is the form I have been working on specifically.

    It wont change. I have set the form to default like you instructed, but cant get rid of the http.Could you please help me, not sure what to do next.

    A thought, the original thread that I added to was by someone based out of Europe, I dont suppose the changes were made on those servers only?

  • Profile Image
    JotForm Support

    Answered by EltonCris on December 28, 2016 at 12:15 PM

    Can you please try it again this time? Kindly re-apply the theme.

    https://www.jotform.com/theme-store/theme/mild

    Works on a cloned of your form https://www.jotform.com/63624680208961