Question

How to set different width sizes in paginated forms

Forms

Updated July 12, 2020

asked on July 8, 2020

Hi All

I have a paginated form with 24 pages, this form is an induction document and contains some pages with landscape maps which are quite wide, I want to try to keep a standard width size for each page at 800px but have custom width of 1040px for the 4 pages with landscape maps.

Ive looked at the CSS and tested some but nothing seems to work, so is this possible to do ?

Thanks

0 0

Answer

SELECTED ANSWER

replied on July 10, 2020 • Show version history

Hi Ian,

Here is some CSS that will kind of do what you want. The content appears as separated from the header and footer of the page, but should appear larger for someone filling out the form. I have no idea what this will look like when saved to the repository or if the CSS will do anything at all at that point (likely not).

First find the ID number of the page(s) you want to expand. In my case, it's q5.

Then replace the "q5" in the first line with your page's ID in the following CSS:

#q5 {
  width: 130%;
  margin-left: -15%;
  background-color: white;
  border: 1px solid lightgrey;
}

FYI, the 130% should be 1040px (800*1.3=1040). For multiple pages, you can do " #q5, #q6, #q7 { " for the first line instead.

1 0

Replies

replied on July 12, 2020

that works great , thanks Jim

1 0

You are not allowed to follow up in this post.

Question

Question

How to set different width sizes in paginated forms

Answer

Replies

Sign in to reply to this post.