Can I set a different size per page in a multi-page form?

Last updated Jan 15 2018
Setting the page sizes in a multi page form

When you first drag a page break to your form, a strip is automatically added to the bottom of the screen . It is added in a fixed position,  which means you will not be able to drag it anywhere freely. But you will, however, be able to align it left, center or right.
If you want to position the strip according to your page dimensions you can easily change the default settings so it is fixed to the bottom of the page instead, however, since the default height and width of all the pages is the same - the strip will still be displayed in the very same place on each page. So in order to have the strip appear at the end of the content in all pages, you will need to set a page height (or width, or both...) for each page.
By making the strip fixed to page bottom and by setting different page heights,  the strip will now be positioned in different height.

Follow the steps in the following example to see how this works:

1- Create a new blank form
 2- Delete the default Submit button from the form


3- Drag a page break element
A strip will appear at the bottom of the canvas - and you will see that you are on page 1 out of 1.



4-

Drag a textbox in this page - so you have a bit of content for the example


5- While the pagebreak element is selected on canvas go to: 'Properties' panel > 'Element > Settings > Basic 
and press on 'Add' button to open a second page.
A new empty canvas will open and if you look closely at the bottom strip you will see that you are now on page 2 out of 2.

6- Drag a few elements into the second page (for example: a numeric element, and an address element and full name element)

7- 

Go back to page 1 - by pressing on the 'Back' button in the bottom strip
Notice that the strip is in the same position in both pages - this is because the pages width and height are still the same.

8-

While the pagebreak element is selected Go to: 'Properties' panel > 'Element > Settings > Basic >
and turn off the 'Stick to footer' checkbox -this will position the pagebreak strip at the bottom of the page (instead of at the bottom of the screen)

9- 

While you are still in the first page - go to: 'Properties' panel > 'Element > Style > and choose "Element" in the 'Apply style to' dropdown.
10-  Open the 'Specific page size category' and give this page a height of 400px;

11- 

Now move to the second page - by pressing on the 'Next' button in the bottom strip
Make sure you are on page 2 and  go to: 'Properties' panel > 'Element > Style > and choose "Element" in the 'Apply style to' dropdown.
choose "Element" in the 'Apply style to' dropdown.
Open the 'Specific page size category' and give this page a height of 650px;

12-

Give you form a name in the "Form Settings" ( "Properties" panel : Form > Settings > Basic tab > General > Form Name)
Save your form

13-

Publish your form as URL to see the result
The first page will look like this:


And the second page will look like this:
 
 
CommentsLogin Required
Didn’t find what you were looking for?
Try the following for assistance or Use the Search box.