Layout Grid

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.

Grid Resolution

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 :

layout resolution config

For example, setting a higher resolution allows for finer Widget alignments and sizes :

Grid Resolution example 24

Vertical size

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.

Responsiveness

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.

Last modified: Apr 18, 2023

Feedback

Was this helpful?

Yes No
You indicated this topic was not helpful to you ...
Could you please leave a comment telling us why? Thank you!
Thanks for your feedback.

Post your comment on this topic.

Post Comment