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

  • Profile Image
    lundqw00
    Asked on October 02, 2017 at 07: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.
  • Profile Image
    Kevin_G
    Answered on October 03, 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. 

  • Profile Image
    Kevin_G
    Answered on October 03, 2017 at 10:50 AM

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

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

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

    I hope this helps.