How to display submission data on the form at full width?

  • marcstylzzz
    Asked on March 4, 2016 at 3:57 PM

    Hi there,

    Thank you so much for your support. Looks like you've made some changes on your form builder. Power tools is not available to me but I did find a text function to do the job.

    How to display submission data on the form at full width? Image 1 Screenshot 20

    As you can see, the report part is small. How can make the report take the full space of the page?

    thanks

  • Boris
    Replied on March 4, 2016 at 4:12 PM

    The Power Tools were renamed, and the Text field that my colleague talked can be found under the Form Tools section:

    How to display submission data on the form at full width? Image 1 Screenshot 50

    When it comes to the issue you are describing, I do not see any Text fields on the only form you have in your account. I have cloned this form into my account and added a report inside the text field myself, and I do see a similar result to what you were showing.

    In order to fix it, we can add the following custom CSS to your form:

    .form-html > iframe { width: 100%; }

    What the above code will do is, it will make any iframes you embed directly into the Text field on your form take 100% of their available space. Result will look like this:

    How to display submission data on the form at full width? Image 2 Screenshot 61

    You can add custom CSS to your form by opening it up in the Designer:

    How to display submission data on the form at full width? Image 3 Screenshot 72

    Once there, paste the code into the textbox under the CSS tab, and Save your changes.

    How to display submission data on the form at full width? Image 4 Screenshot 83

    Please let us know how it goes.