Short Scrollable Terms: Does not show entire content when print button is clicked

  • lundqw00
    Asked on October 2, 2017 at 7:52 PM
    3) short-scrollable-term widget does not show the entire content when the end-user clicks 'print form', which is probably the key content the user wants to print for his records of what terms were agreed to.
  • Kevin Support Team Lead
    Replied on October 3, 2017 at 12:14 AM

    Please note that this happens since the text in the widget is displayed inside an iFrame element which is taken as single page, which means that your text is in another page and it's being loaded inside your form. 

    However, as an alternative, you could handle the form on print view to display the entire text by injecting some CSS code. 

    You will be handling the widget's height and the height of the elements inside as well, please inject this CSS code to the form in order to handle the widget iFrame's height: 

    @media print {

         iframe[src*="termsScroll"] {

        height: 20000px !important;

    }

    }

    Related guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    This one will help you increasing the height for the elements in the widget: 

    @media print {

         #scrollContent, .slimScrollDiv{

        height: 20000px !important;

    }

    }

    Related guide: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets 

    I hope this helps. 

  • lundqw00
    Replied on October 3, 2017 at 9:06 AM

    This works. I reduced the iFrame height in the form to 2000px to match size of text as it otherwise took up 15 pages. The obvious issue would be if you have multiple instances of this widget with different size text, in which case you need to size for the largest. Anyway, would be nice if the widget was updated to handle print like this.

  • Kevin Support Team Lead
    Replied on October 3, 2017 at 10:50 AM

    You may alternatively set the widget to include all the text with the submission:

    Short Scrollable Terms: Does not show entire content when print button is clicked Image 1 Screenshot 30

    Then you may provide the PDF report link on the thank you page:  

    Short Scrollable Terms: Does not show entire content when print button is clicked Image 2 Screenshot 41

    This way the entire text will be displayed on the submission report. 

    I hope this helps.