Skip to content

Arrange

A container for an arranged set of individual visual items.

Variations

None.

When to use

Use a arrange client control to display elements in a two column layout.

can be used to visually place elements together on a page, possible to place different components inside an arrange. Example: List | Chart | Process Viewer etc.

How to use


   arrange {  
              list OrderList;  
              barchart CustomerChart using GetData;  
          }  

Limitations

  • Implemented as a two-column layout for medium/large viewport
  • No visual impact for smaller viewports

Six-Box Model

Implemented as a three-column layout for medium/large viewport

  • Child elements inside arrange should either be lists/arranges
  • If a child element is an arrange (nested arrange), it should only contain lists

No visual impact for smaller viewports

Six-Box Layout Examples