How to decrease the top margin when opened "Form Collapse" tab?

  • aimsvisahk
    Asked on October 21, 2016 at 3:30 AM

    Hello Jotform team,

    When I clicked the "form collapse" tab, it is showing large gap between tab and input field.  How to decrease the gap ?

    Screen for your reference > http://prntscr.com/cwzux7

    Many thanks

    Justin

     

  • Helen
    Replied on October 21, 2016 at 4:45 AM

    I checked your form and realise that flowing CSS codes on your form causes this issue. If you remove it, everything works as I wish.

    #cid_4 {

        margin-left : 2% !important;

    }

    #cid_54 {

        margin-bottom : 85px !important;

    }

    #cid_51 {

        margin-bottom : 85px !important;

    }

    #cid_53 {

        margin-bottom : 85px !important;

    }

    #cid_56 {

        margin-bottom : 85px !important;

    }

    And you must follow this steps as you can see below screenshots:

    1. Click the "Design" button and select "Inject CSS" part. Then, click "Advanced CSS Editor"

    How to decrease the top margin when opened Form Collapse tab? Image 1 Screenshot 40

    2. You will see your form collapses. Click first and change "Vertical Padding" 15 to 20.

    How to decrease the top margin when opened Form Collapse tab? Image 2 Screenshot 51

    You can see at my video, everything works properly.

    How to decrease the top margin when opened Form Collapse tab? Image 3 Screenshot 62

    If you have any more questions, feel free contact us.

     

  • aimsvisahk
    Replied on October 21, 2016 at 10:22 AM

    Noted and deleted the code, perfect.

     

    Many thanks

    Justin