Skip to content


A container for an arranged set of individual visual items.



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;  


  • 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