Add a border to form

  • Profile Image
    tcrocker
    Asked on July 30, 2017 at 05:11 PM

    Is there a way to add a border to a form? I don't want to change the page background. I just want a simple border around the form.

  • Profile Image
    Jan
    Answered on July 30, 2017 at 05:52 PM

    I checked your web page and I can see that you already added a border to your form. However, the border is not showing if you decrease the width of the container. Please try the following steps:

    1. Insert the Mobile Responsive widget to your form. Here's a guide on How-to-Add-a-Widget-to-your-Form.

    2. Please inject this custom CSS code:

    @media screen and (max-width: 689px) {
    .jotform-form .form-all {
       width: 98% !important;
    }

    @media screen and (max-width: 767px) and (min-width: 480px) {
    .jotform-form .form-all {
       width: 98%; !important;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes

    Here's the result:

    3. If the issue persists, please try to re-embed the form using the iFrame method. Here's a guide: https://www.jotform.com/help/148-Getting-the-form-iFrame-code.

     

     

    Hope that helps. Thank you.

  • Profile Image
    tcrocker
    Answered on July 30, 2017 at 06:44 PM

    Many thanks for the prompt reply. Ive managed to get it working. Can you let me know how I can make it so that each input box is not pushed right up to the edge of the border. Thanks. 

  • Profile Image
    jonathan
    Answered on July 30, 2017 at 07:30 PM

    You can fix that in the Advanced Designer>>> Form Layout

     

    set a number in the vertical and horizontal padding layout.

    Here is a comparison result.