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

    Problem with lightbox title

    Asked by cyberlp on September 17, 2010 at 03:55 AM

    I've set up a form with a lightbox effect.

    But the title of the form (and the X symbol to close it) in the lightbox doesn't show properly lined up. It's a bit lower than it should be, therefore not really readable.

    Where does this come from?

    Thanks

  • Profile Image
    JotForm Founder

    Answered by aytekin on September 17, 2010 at 08:40 AM

    Can you post a link to the page you have this problem? I tested your form and it looked fine.

     

  • Profile Image

    Answered by cyberlp on September 17, 2010 at 08:55 AM

    http://www.musicadanse.com/contact.php (the link formulaire d'inscription is in bold at the end of the first frame).

    I guess the problem comes from a CSS class conflict?

  • Profile Image
    JotForm Founder

    Answered by aytekin on September 17, 2010 at 09:43 AM

    The page gives some JavaScript errors. Can you fix that? That could be the reason.

    At the top of the page you have this:

    <script type="text/javascript"> DD_roundies.addRule('div.round', '12px'); DD_roundies.addRule('div.round-right-left', '0 12px 0 12px'); DD_roundies.addRule('span.round-menu-left', '0 0 0 10px'); DD_roundies.addRule('span.round-menu-right', '0 10px 0 0'); </script>

     

    It is giving a DD_roundies is not defined error.

  • Profile Image

    Answered by cyberlp on September 17, 2010 at 09:56 AM

    i've checked and the problem seems to come from a Stylesheet and not from the java script.

    As soon I removed the following lines in CSS, the bug is fixed. Do you know why?

     

    table, td{
        font:100% Arial, Helvetica, sans-serif;
    }
    table{width:100%;border-collapse:collapse;margin:1em 0;}
    th, td{text-align:left;padding:.5em;border:1px solid #CCC;}
    th{background:#CC6633 url(tr_back.gif) repeat-x;color:#fff;}
    td{background:#;}

    tr.even td{background: #FFCC66 ;}
    tr.odd td{background:#FFCC33;}

    th.over, tr.even th.over, tr.odd th.over{background:#;}
    th.down, tr.even th.down, tr.odd th.down{background:#;}
    th.selected, tr.even th.selected, tr.odd th.selected{}

    td.over {background:#CC6633;}
    td.down, tr.even td.down, tr.odd td.down{background:#bce774;color:#fff;}
    td.selected, tr.even td.selected, tr.odd td.selected{background:#CC6633;}

    td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}

  • Profile Image
    JotForm Founder

    Answered by aytekin on September 17, 2010 at 10:32 AM

    CSS on your form affects the CSS of the lightbox.