Appearances of Orbeon Forms Repeated Grids

$xforms-template-label$$xforms-template-help$$xforms-template-hint$$xforms-template-label$$xforms-template-help$$xforms-template-hint$

Your browser does not appear to support JavaScript. You may want to try one of the following:

Turn on JavaScript in your browser if it supports it.
Use a browser that supports JavaScript.
Try a JavaScript-free version of this page, if made available by the application author.

Help

This form illustrates the different appearances of repeated grids depending on the following parameters:

Repetition over one vs. more rows
Full appearance vs. minimal appearance
Whether to show the repetition number or not
Modifiable vs. readonly grid
Use of HTML tables vs. CSS grids for rendering

With Form Builder, you can control the appearance, numbering, and readonly parameters in the Container Settings dialog. With Orbeon Forms 2022.1, Orbeon Forms uses CSS grids by default. This default can be changed using configuration properties.

Readonly

Text Field

Text Area

Radio Buttons

Text Field

Text Area

Radio Buttons

Text Field

Text Area

Radio Buttons

Text Field

Text Area

Radio Buttons

Text Field

Text Area

Radio Buttons

Text Field

Text Area

Radio Buttons

Text Field

Text Area

Radio Buttons

Text Field

Text Area

Radio Buttons

Text Field

Text Area

Radio Buttons

Text Field

Text Area

Radio Buttons

Text Field

Text Area

Radio Buttons

Text Field

Text Area

Radio Buttons

Text Field

Text Area

Radio Buttons

Text Field

Text Area

Radio Buttons

Text Field

Text Area

Radio Buttons

Text Field

Text Area

Radio Buttons

d2fe69dc730afe5c4283e9108761356aa0da86b8

Appearances of Orbeon Forms Repeated Grids

Control section

repeated-full-number-readwrite-table

repeated-minimal-number-readwrite-table

repeated-full-nonumber-readwrite-table

repeated-minimal-nonumber-readwrite-table

repeated-full-number-readonly-table

repeated-minimal-number-readonly-table

repeated-full-nonumber-readonly-table

repeated-minimal-nonumber-readonly-table

repeated-full-number-readwrite-css

repeated-minimal-number-readwrite-css

repeated-full-nonumber-readwrite-css

repeated-minimal-nonumber-readwrite-css

repeated-full-number-readonly-css

repeated-minimal-number-readonly-css

repeated-full-nonumber-readonly-css

repeated-minimal-nonumber-readonly-css