Child pages
  • CSS Positioning
Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Next »

New absolute position: css position

CSS position is a new absolute position system which replaces the old anchoring system. 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.

CSS position compatibility

CSS position is an implementation specific to NGClient, will not work on the other clients. It is based on directly outputing the values in html page styling. New solution wizard and new form wizard have been modified to make this default layout , however old anchoring system can still be used. CSS position is a form flag, so a form can either be in absolute(anchoring) position, responsive position or CSSPosition , they cannot be mixed in same form. In order to mix them you have to use containers with subforms of different layout. 

CSSPosition is only used for record view forms, tableview/listview still work on same older system. 

CSS position conversion

You can convert absolute position form(s) to CSS position. We added two context menu actions for this, one on form level, one on solution level (will convert all forms in the solution). Note that this action is not undoable and there is no conversion back (from CSSPosition to anchoring).

  • No labels