Align Widgets in Analytic Applications

You can align the positions of multiple widgets in design time to improve the visual appeal of your analytic applications.

To align widgets, first select all the widgets that you want to reposition. Then, in the context menu select (Align Widgets) and select one of the following options according to your needs:

  • Align Left: Align the left edge of each selected widget to the leftmost edge of all selected widgets.

  • Align Right: Align the right edge of each selected widget to the rightmost edge of all selected widgets.

  • Align Top: Align the top edge of each selected widget to the topmost edge of all selected widgets

  • Align Bottom: Align the bottom edge of each selected widget to the bottommost edge of all selected widgets.

  • Align Center: Center the selected widgets horizontally, ranging from the leftmost edge to rightmost one of all.

  • Align Middle: Center the selected widgets vertically, ranging from the topmost edge to bottommost one of all.

  • Distribute Horizontally: Align the selected widgets equidistantly in horizontal direction.

  • Distribute Vertically: Align the selected widgets equidistantly in vertical direction.

Note

The height or width of the widget will not change whether you define it as auto, pixel or percentage values.

When you align widgets, the settings of the widgets' left, right, top or bottom margins may change under different conditions. Take aligning widgets to the leftmost edge as an example:

  • If the left margins of one or more widgets are defined in pixel or the left margins of all widgets are defined in auto, after alignment the units of all widgets' left margins will be changed to pixel.

  • If no widgets’ left margins are defined in pixel and the left margins of one or more widgets are defined in percentage, after align the left edges, the units of all widgets' left margins will be changed to percentage.

This rule also applies when you align widgets to right, top and bottom.