...
A layout variant is a copy of a layout that contains different characteristics. For example, you can create a layout containing three columns for example, and then create one or more variants wherein the width or height of the columns is different. Another example is a layout containing a simple input field with a gray background and one or more variants in which the input field has a different background color. Layout variants always share the same basic format with the head layout and they cannot differ from it. In other words, you cannot add any element to a layout variant that is not present in the head layout and likewise any element defined in the head layout will always be present in a variant. The power of a layout variant lies in the ability to declare any fixed characteristic of a layout as a variable and then define it differently for each variant.
For example, you can create a layout containing three columns and then create one or more variants wherein the width and/or height of the columns are different. Another example is a layout containing a simple input field with one background color and one or more variants in which the input field has a different background color.
For example, the figure below shows Layout A, a layout with one column containing three fields. The dimensions of the column are: height, 400px, width 175px:
...