Bullet lists in the form when using source codes method

  • chamsysusa
    Asked on March 24, 2015 at 1:20 AM
    2. Not sure why my for displays with odd markings to left
  • Elton Support Team Lead
    Replied on March 24, 2015 at 1:34 AM

    It is because the CSS style sheets of the form was not included on your page that is why it appears different than how it looks on its stand alone version. I can also see that some of the internal CSS are commented out.

    Bullet lists in the form when using source codes method Image 1 Screenshot 30

    If you only want to remove the dots beside the form, add this on top of the form embed code.

    <style>

    .form-all li {list-style: none !important;}

    </style>

    Otherwise, if you want to retain the correct styles of the form just like how it appears on its stand alone version, http://www.jotform.us/form/50805960778163 I would suggest to retake your form embed code and embed it on your page. 

    Another suggestion is, since your page runs on HTTPS (SSL), I would suggest to embed using a secure version of your form to prevent security errors on the other browsers.

    Bullet lists in the form when using source codes method Image 2 Screenshot 41

    If you need clarifications with any of these, let us know.

    Regards

  • chamsysusa
    Replied on April 9, 2015 at 1:14 PM

    I set up the embed with secure and edited to remove the bullets with 

    <style>

    .form-all li {list-style: none !important;}

    </style>

     

    This froze up the webpage wher ethe editor no longer worked on our webpage.

     

    ?

  • Welvin Support Team Lead
    Replied on April 9, 2015 at 3:27 PM

    Hi,

    You should add the following lines in the form source codes to remove the bullet list:

    <link href="https://d2g9qbzl5h49rh.cloudfront.net/static/formCss.css?3.2.6589" rel="stylesheet" type="text/css" />

    <link type="text/css" rel="stylesheet" href="https://d2g9qbzl5h49rh.cloudfront.net/css/styles/nova.css?3.2.6589" />

     

    Also, please change the following to use HTTPS instead of just HTTP:

    http://d2g9qbzl5h49rh.cloudfront.net/static/prototype.forms.js

    http://d2g9qbzl5h49rh.cloudfront.net/static/jotform.forms.js?3.2.6200

    http://submit.jotform.us/submit/50805960778163/

    Because it's causing a security error to your website:

    Bullet lists in the form when using source codes method Image 1 Screenshot 20

    Lastly, I'm not sure, but can't you embed your form using our default embed method or our iFrame method: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code ? 

    Thanks