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

    when i copy the source code and put it in my website i get bullet points next to the titles how do i get rid off this?

    Asked by salonbeautec on May 25, 2010 at 02:00 PM

    Form Builder Bug Report My Forms
  • Profile Image
    JotForm Founder

    Answered by aytekin on May 26, 2010 at 03:39 AM
    Can you send us the URL of the page that has your form? The form code might be missing some parts of it. The bullet point problem will happen when the CSS is missing.
  • Profile Image

    Answered by salonbeautec on May 28, 2010 at 11:27 AM
    I am developing the site atm so I haven't uploaded it
  • Profile Image

    Answered by salonbeautec on May 28, 2010 at 11:29 AM
    Heres the source code

    <script src="//www.jotform.com/min/g=jotform&" type="text/javascript"></script>
    <script type="text/javascript">

       JotForm.init(function(){
          $('input_4').hint('ex: myname@example.com');
          JotForm.initCaptcha('input_7');
          $('input_7').hint('Type the above text');
       });
    </script>
    <link type="text/css" rel="stylesheet" target="_blank" href="http://www.jotform.com/css/styles/form.css"/><link target="_blank" href="http://www.jotform.com/css/calendarview.css" rel="stylesheet" type="text/css" /><style type="text/css">
        .form-label{
            width:150px !important;
        }
        .form-label-left{
            width:150px !important;
        }
        .form-line{
            padding:1px;
        }
        .form-label-right{
            width:150px !important;
        }
        .form-all{
            width:200px !important;
            color:Black;
            font-family:Verdana;
            font-size:12px;
        }
    </style>

    <form class="jotform-form" action="http://www.jotform.com/submit.php" method="post" name="form_1444254801" id="1444254801" accept-charset="utf-8">
        <input type="hidden" name="formID" value="1444254801" />
        <div class="form-all">
            <ul class="form-section">
                <li id="id_1" class="form-input-wide">
                    <div class="form-header-group">
                        <h2 id="header_1" class="form-header">
                            Need Advice?
                        </h2>
                    </div>
                </li>
                <li class="form-line" id="id_3">
                    <label class="form-label-left" id="label_3" for="input_3"> Name </label>
                    <div id="id_3" class="form-input">
                        <input type="text" class="form-textbox" id="input_3" name="q3_name" size="20" />
                    </div>
                </li>
                <li class="form-line" id="id_4">
                    <label class="form-label-left" id="label_4" for="input_4"> E-mail </label>
                    <div id="id_4" class="form-input">
                        <input type="text" class="form-textbox validate[Email]" id="input_4" name="q4_email4" size="20" />
                    </div>
                </li>
                <li class="form-line" id="id_5">
                    <label class="form-label-left" id="label_5" for="input_5"> Treatment Type </label>
                    <div id="id_5" class="form-input">
                        <select class="form-dropdown" style="width:150px" id="input_5" name="q5_treatmentType">
                            <option>  </option>
                            <option value="Facial"> Facial </option>
                            <option value="Waxing"> Waxing </option>
                            <option value="Hands & Feet"> Hands & Feet </option>
                            <option value="Eye Treatments"> Eye Treatments </option>
                            <option value="Make-Up Treatments"> Make-Up Treatments </option>
                            <option value="Stress Therapy"> Stress Therapy </option>
                            <option value="Teen"> Teen </option>
                            <option value="Treatment Packs"> Treatment Packs </option>
                        </select>
                    </div>
                </li>
                <li class="form-line" id="id_6">
                    <label class="form-label-left" id="label_6" for="input_6"> Question </label>
                    <div id="id_6" class="form-input">
                        <textarea id="input_6" class="form-textarea" name="q6_question" cols="20" rows="3"></textarea>
                    </div>
                </li>
                <li class="form-line" id="id_7">
                    <label class="form-label-left" id="label_7" for="input_7">
                        Enter the message as it's shown<span class="form-required">*</span>
                    </label>
                    <div id="id_7" class="form-input">
                        <div class="form-captcha">
                            <label for="input_7"> <img alt="Captcha - Reload if it's not displayed" id="input_7_captcha" class="form-captcha-image" style="background:url(http://www.jotform.com/images/loader-big.gif) no-repeat center;" src="//www.jotform.com/images/blank.gif" width="150" height="41" /> </label>
                            <div style="white-space:nowrap;">
                                <input type="text" id="input_7" name="captcha" style="width:130px;" />
                                <img src="//www.jotform.com/images/reload.png" alt="Reload" align="absmiddle" style="cursor:pointer" onclick="JotForm.reloadCaptcha('input_7');" />
                                <input type="hidden" name="captcha_id" id="input_7_captcha_id" value="0">
                            </div>
                        </div>
                    </div>
                </li>
                <li class="form-line" id="id_2">
                    <div id="id_2" class="form-input-wide">
                        <div style="margin-left:156px">
                            <button id="input_2" type="submit" class="form-submit-button">
                                Submit Form
                            </button>
                        </div>
                    </div>
                </li>
                <li style="display:none">
                    Should be Empty:
                    <input type="text" name="website" value="" />
                </li>
            </ul>
        </div>
        <input type="hidden" id="simple_spc" name="simple_spc" value="1444254801" />
        <script type="text/javascript">
            document.getElementById("si" + "mple" + "_spc").value = "1444254801-1444254801";
        </script>
    </form>
  • Profile Image
    JotForm Founder

    Answered by aytekin on June 01, 2010 at 04:54 PM
    URL of the page would be more helpful.
  • Profile Image

    Answered by laurahardin on April 06, 2011 at 02:32 PM
  • Profile Image

    Answered by laurahardin on April 06, 2011 at 04:18 PM

    I only get the bullets when I drop the source code into a Template. I had to edit it in Dream weaver because I needed to add a input box in my paypal area of the form. when I view it in my browser its fine no bullets but the second I drop it into the template and view it bullets... I have done this before withe the jotform and this template and have not gotten the bullets... now I get them.

  • Profile Image
    JotForm Support

    Answered by NeilVicente on April 06, 2011 at 06:19 PM

    @laurahardin

    I inspected your site's source code and found the css bit that places bullets next to your headings.


    div#mainContent ul {
        font-size: 0.8em;
        line-height: 1.5em;
        list-style-position: outside;
        list-style-type: disc;
        padding: 0 40px 0 45px;
    }


    If you have access to the file text.css, find and remove the line in bold "list-style-type: disc;". That should remove the bullets in your form.

    You may also want to inject this css in your form:

    .form-header-group {
        clear: none;
    }

    to remove the extra large space above your form. Refer to this page - Inject Custom CSS.

    Hope this helps. Feel free to post again if you have other questions.


    Regards,
    Neil

  • Profile Image

    Answered by Lenora on April 14, 2011 at 06:34 PM

    Hi,

    We use Jot Forms all the time in the websites we develop and love them.  Today is the first time I have run across the same problem as noted above from salonbeautec.

    No where on the CSS form or .html page is there a line that says list-style-type: disc.  However, I did add your fix suggestion to my CSS page - no fix and then to my .html page - still no correction.

    I still have bullet points beside each new category of the form. 

    <iframe allowtransparency="true" src="//form.jotform.com/form/11034822808" frameborder="0" style="border-style: none; border-color: inherit; border-width: medium; width:75%; height:866px; " scrolling="no">
    </iframe>

    I just uploaded the site I am developing to send you the url. As this site in the early development stages the CSS form is pretty short.  I could copy it and send to you if you like.

    http://tncgchurchofchrist.com/contactus.html

    Can you please check it out and advise how I can correct this?

     

    Thanks,

    Lenora

  • Profile Image

    Answered by allanftd on April 15, 2011 at 05:16 AM

    Hi Lenora,

    Thanks for bringing this to our attention. I tried to open the link you provided using four different browsers but can't seem to see the bullet points on each instance. May we ask which browser you're using?

    In addition, could you please do a minor change in your Iframe embed code and change the URL to the following:

    <iframe allowtransparency="true" src="//www.jotform.com/form/11034822808" frameborder="0" style="border-style: none; border-color: inherit; border-width: medium; width:75%; height:866px; " scrolling="no">
    </iframe>

    Please let us know if you need further assistance. Thank you for using JotForm!

    JOTFORM SUPPORT

  • Profile Image

    Answered by PECforms on July 08, 2015 at 10:09 AM

    i have the same problem, however the bullets only show up when i am being my customers firewall.  Outside of this customers site everything shows up fine.
  • Profile Image
    JotForm Support

    Answered by Charlie on July 08, 2015 at 11:58 AM

    @PECforms

    To better assist you, we advise our users to open a new thread for their question, in this case I went ahead and opened one for you. Please refer to this link instead: http://www.jotform.com/answers/605647. We will address it accordingly.

    Thank you.