Unable to change height of the spacer widget

  • utsportsmedicine
    Asked on April 2, 2015 at 12:06 PM

    I am having trouble changing the height of my spacer widget. I have changed both height values but the size is not changing. The spacer widgets are being used to allow us to print the form on multiple pages.

  • Charlie
    Replied on April 2, 2015 at 2:11 PM

    Hi,

    Could you share us the form you are working on? If you would like to add page breaks for printing purposes, you can also try using the "Text" field and adding ID names on it. After that you can use custom CSS code to declare a page break for printing purposes.

    1. I'll use the "Text" field as the indicator to where to page break for printing purposes.

    Unable to change height of the spacer widget Image 1 Screenshot 40

    2. In the "Text" field, I'll add a div with the class name "page-break-here".

    Unable to change height of the spacer widget Image 2 Screenshot 51

    3. Use a custom CSS code, here's what I used:

    @media print{

        .page-break-here {

            page-break-after : always;

        }

    }

    The CSS code tells the print function that put a page break after on classes with name "page-break-here". So if you have multiple pages, let's say more than 2, then you can just copy that "Text" field and position it in your form.

    Unable to change height of the spacer widget Image 3 Screenshot 62

     

    Here's a sample form: http://form.jotformpro.com/form/50915276118961.

    I hope that helps.

    Kind regards.