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

  • Profile Image
    aimsvisahk
    Asked on October 21, 2016 at 03: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

     

  • Profile Image
    Helen
    Answered on October 21, 2016 at 04: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"

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

    You can see at my video, everything works properly.

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

     

  • Profile Image
    aimsvisahk
    Answered on October 21, 2016 at 10:22 AM

    Noted and deleted the code, perfect.

     

    Many thanks

    Justin