Page History

...

CSS position is a new absolute position system which replaces the old anchoring system. The new CSS position for absolute forms allows to easily build complex forms providing new features compared to the old anchoring system. Particoularly it allow to adjust the size of the content depending on the browser (or dialog window) size; compared to the old anchoring system where size and location was expressed in absolute pixels, is now possible to express positioning values expressed in percentage (%) values. This means that now multiple elements on the same horizontal (or vertical) line can now adjust their size & position depending on the browser/window size; this is a great advantage compared to the old anchored layout. For example you can now design forms where, independetly from the browser size, elements are centered on the screen, or where multiple elements equally divide the available space; this means that many of the complex forms which previously could be done only using Responsive Forms can now be created as absolute forms. Note that the new CSS Position doesn't fully replace the Responsive Form; the Responsive Form has extended capabilities as the possibility to adjust element's size depending on their content and not only on the available browser size, and the possibility to adapt the actual form layout based on the browser size.

The new property, cssPosition, replaces location,size and anchoring properties. cssPosition uses 6 different css properties: top, right, bottom, left, width and height. The syntax for each property is exactly as css property (the value will be filled in as style property at runtime). Each property can be -1 (default value meaning not set), an integer value in pixels , an integer value in percentages or a calc function (see https://www.w3schools.com/cssref/func_calc.asp) . This syntax allows to easily build complex forms eliminating some limitations that old anchoring system was having.

...