To help for easy alignment and page composition, a layout grid is displayed in Alpana Designer.
This grid is drawn in Alpana Designer only to guide the user, but doesn’t appear at runtime.
When moving and resizing Widgets, they will snap to this grid.
By default, the layout grid shows 12 grid tiles horizontally. (this corresponds to 6 vertically on most screens).
This Grid Resolution can be configured in the Layout properties :
For example, setting a higher resolution allows for finer Widget alignments and sizes :
Since Alpana v3.0.0, the layout size is not limited vertically : as long as you add Widgets at the bottom, the web page will be scrollable for any length as desired.
This bi-dimensional layout allows to dispose Widgets horizontally and vertically.
On many systems this is a comfortable way to view Dashboards.
On systems with larger or smaller screens, the layout gets stretched, and maintains a consistent appearance, with some widget elements resizing and gaining/losing details depending on the widget’s own responsiveness.
However, when the screen is very narrow (and this is especially the case on mobile devices), the displayed layout will switch from the Desktop Layout view to the Mobile Layout view.