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

    Bottom border is missing

    Asked by Timcross86 on May 09, 2013 at 06:22 AM

    the border at the bottom of all my forms is missing, im using the <> embed. it works with iframe but i dont want to use it as my prepopulated feilds dont work with iframe. is there any css i can add to change this?

     

    Page URL:
    http://www.mybusinessutilities.com/electricity-meter-information.html?<br/>businessName1=mbu&amp;businessName31=BusinessEnergySolutions

    My Forms JotForm www
  • Profile Image

    Answered by jalaludeen on May 09, 2013 at 06:48 AM

    Hello Timcross86,

    Please add given custom CSS code in following form, this will get fix your issue.

    For First Form in site,

    .jotform-form { height:340px !important; }

    For Second Form in site,

    .jotform-form { height:470px !important; }

    Please refer this guide for more information on How to Inject Custom CSS Codes

    Let us know if you need further assistance.

    Thanks,
    Jalaludeen

  • Profile Image

    Answered by Timcross86 on May 09, 2013 at 06:58 AM
    I've only tried it on the first form but it still cuts the bottom of the border off. It works on my ipad but not in ie.
  • Profile Image

    Answered by jalaludeen on May 09, 2013 at 07:15 AM

    Hello Timcross86,

    Sorry for inconvenience please try this CSS code in both form on custom CSS code

    .form-all {
        background-color: White;
        border: 2px solid #CC0000;
        border-radius: 10px 10px 10px 10px;
    }

    Please refer this guide for more information on How to Inject Custom CSS Codes

    Let us know if you need further assistance.

    Thanks,
    Jalaludeen

  • Profile Image

    Answered by pinoytech on May 09, 2013 at 10:18 AM

    @Timcross86,

    Please update your form custom css code with this codes bellow.

    For this form: http://www.jotformeu.com/form/31225482738355

    .form-line{

    padding: 7px;

    }

    .form-all {

    background-color: White;

    border: 4px outset #CC0000  ;

    border-radius: 10px 10px 10px 10px;

    margin-bottom: 5px;

    padding-bottom: 5px;

    }

    .form-header-group {margin: 10px;} {font-size: 10px;}

    .form-all {height:350px !important;}

    -------------

    For this Form: http://www.jotformeu.com/form/31215891454353

    .form-all {

    background-color: White;

    border: 2px solid #CC0000;

    border-radius: 10px 10px 10px 10px;

    padding-bottom: 5px;

    }

    If you need further assistance, do let us know.

    Thank you!