Summary

The Control Placing Property specifies if Absolute or Layout mode is used for the control.
A control can be placed in Absolute or Layout mode by dragging and dropping it to the absolute container or into a grid.

positioning.png

Layout

Layout mode is used by a control when it is placed into a Grid System. So positioning of the element in Layout mode is defined by the Grid structure.

layout.png

Menu Example

positioning-menu.png


Absolute

This is an Absolute position on Page, Header, Slogan or other absolute container.

A control is placed in Absolute mode when it is dragged and dropped to the absolute container (see Drag-and-Drop operation). For the elements in Absolute mode the stack order (z-index) can be specified and absolute positioning can be set. Such controls as Header, Slider always use Absolute mode property.
Elements placed inside Header, Slider or Box always have Absolute positioning.

absolute.png

Header Example

positioning-header.png


Fixed on Screen

This is a position on screen, not page. An element that has Fixed on Screen position, is placed relative to the viewport, or the browser window itself. As by scrolling the page the viewport is not changed, a Fixed on Screen positioned element stays where it is, on scrolling, and regardless of the actual browser screen size.

Some controls, for example, Back to Top control, are placed in the Fixed on Screen mode only.

fixed-on-screen.png

Back To Top Example

positioning-back-to-top.png

### Summary The Control Placing Property specifies if Absolute or Layout mode is used for the control. A control can be placed in Absolute or Layout mode by dragging and dropping it to the absolute container or into a grid. !positioning.png! ### Layout Layout mode is used by a control when it is placed into a Grid System. So positioning of the element in Layout mode is defined by the Grid structure. !layout.png! **Menu** Example !positioning-menu.png! --- ### Absolute This is an Absolute position on Page, Header, Slogan or other absolute container. A control is placed in Absolute mode when it is dragged and dropped to the absolute container (see Drag-and-Drop operation). For the elements in Absolute mode the stack order (z-index) can be specified and absolute positioning can be set. Such controls as Header, Slider always use Absolute mode property. Elements placed inside Header, Slider or Box always have Absolute positioning. !absolute.png! **Header** Example !positioning-header.png! --- ### Fixed on Screen This is a position on screen, not page. An element that has Fixed on Screen position, is placed relative to the viewport, or the browser window itself. As by scrolling the page the viewport is not changed, a Fixed on Screen positioned element stays where it is, on scrolling, and regardless of the actual browser screen size. Some controls, for example, Back to Top control, are placed in the Fixed on Screen mode only. !fixed-on-screen.png! **Back To Top** Example !positioning-back-to-top.png!