How make the inner box height taller

  • metalsunny
    Asked on June 8, 2016 at 6:42 AM

    Please help i want to know how to make the inner box of my grid report taller so that all my text can be viewed

    without too much scroll bar.

     

    How make the inner box height taller Image 1 Screenshot 20

     

  • Chriistian Jotform Support
    Replied on June 8, 2016 at 9:17 AM

    Hi,

    Please try injecting the CSS below to your form.

    .ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner {

    max-height: 100% !important;

    }

     

    The result should be as follows.

    How make the inner box height taller Image 1 Screenshot 20

    Do let us know if you need further assistance.

  • metalsunny
    Replied on June 8, 2016 at 10:58 AM

    i found this ccs in the form

     

    .form-html p {
    width : 600px;
    box-sizing : 400px;
    position : sticky;
    height : 300px;
    line-height : px;
    border-radius : 50px;
    display : inline-flex;
    }

     

     

    when injected this

    .ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner {

    max-height: 100% !important;

    }

    on top of it nothing happen.

     

    Please do i delete the one i found inside it first?

  • Elton Support Team Lead
    Replied on June 8, 2016 at 12:09 PM

    That can't be changed using CSS codes simply because there's no option to customize the Grid Report using CSS codes in the form builder.

    However, you can adjust its height when you edit your Grid Report.

    How make the inner box height taller Image 1 Screenshot 30

    Then change the Grid Max Height:

    How make the inner box height taller Image 2 Screenshot 41

    I have updated your Grid Report Height to 300px. Please check the report embedded in your form now.

  • metalsunny
    Replied on June 8, 2016 at 12:48 PM

    yes. it worked. Thank you. you solved my problem again

  • Kiran Support Team Lead
    Replied on June 8, 2016 at 2:11 PM

    You are welcome. It's our pleasure to assist you. We are glad to see that the issue is now resolved you. Please do not hesitate to get in touch with us if you need any further assistance. We will be happy to help. 

    Thank you for using JotForm!!