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

f1680e69237c4c93006a8c50f72ea49b581ef01d

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