How to style Section Collapse tool?

  • rtolmach
    Asked on December 19, 2017 at 3:00 AM
    Hi Jotform
    Thanks.
    I know a bit about the Section Collapse tool. Is it possible to style it? It is big and bulky.
    If it requires CSS, do you have any code available for that? We are not techies.
    Thanks!
    Robert

    Robert Tolmach
    Co-Founder
    ChangingThePresent.org
    rtolmach@ChangingThePresent.org
  • Ashwin JotForm Support
    Replied on December 19, 2017 at 3:10 AM

    Yes it is possible to inject custom css code in form to style Section Collapse tool. I am not sure how exactly you want to style the Section Collapse tool. Do you want to change the height and width to make it small?

    Please inject the following custom css code in form to change the height and width of Section Collapse tool:

    .form-collapse-table {

        height: 40px !important;

        margin: 1px 89px 0px 57px !important;


    }

    .form-collapse-mid {

        font-size: 16px !important;

        margin: 11px 45px 16px 20px !important;

    }

    .form-collapse-right {

        right: 0px !important;

        height: 39px !important;

        width: 40px !important;

    }

    The following guide should help you how to inject custom css code in form:   https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Do get back to us if you need any other changes in Section Collapse tool and we will help you with the required custom css code.