Page breaks when using grid-theme - is it possible?

[ivanradisson]

Hi,

I’m experimenting with grid-theme to see if it fits my needs. I have a question about page breaks.

In a separate post about grid-theme, I found this comment by @martijnr :

You can use field-list on top-level groups to get them to show on different pages.

I would like to confirm… can we break pages when using grid-theme style? My form is very very extensive and loading it all in one page is going to be overwhelming for the user, I think.

At the moment i’m using this example (google sheets) to better understand how grid-theme works, and i’ve tried adding field-list in the appearance column of some of the existing groups but the output in the webform is exactly the same as it was (no page breaks).

Here’s a screenshot, you can see I added “field-list” in E17:

Can you provide some clarity?

Thank you

[LN]

On your settings sheet, in the style column, add pages in addition to theme-grid, separating the two by a space. By default, each question will be on its own page. You can then put the field-list appearance on groups to make all questions within those groups appear on a single page. Documentation on the Enketo site: https://blog.enketo.org/gorgeous-grid/

[ivanradisson]

Thank you @LN ,

It works!

Here’s a few screenshots for anyone out there looking into doing something similar:

With this setup, the very first note which is not grouped, appears on its own page, and then the groups also appear on their own page.

[ivanradisson]

And in order to have pages with multiple groups inside each page, we can nest groups.

I ran a quick test and it seems to work well!