Grid for alignment of fixed positioned elements

Grid for alignment of fixed positioned elements

One of the ways, that you can align fixed positioned elements is to use a grid. When the grid is active all fixed positioned elements snaps to the grid, when you move them with the mouse.

You can activate/deactivate the grid in the designer with this icon on the upper left:

 NG2Grid0001


The grid looks like this:

 NG2Grid0002

 In the example above baseline is used as the reference for the text element and a line element

 You can change the size of the grid in the template properties.

    • Related Articles

    • Aligment options for fixed positioned elements

      There are several ways to align fixed positioned elements in the designer: (This lists alignment options for fixed positioned elements only. All alignment options are covered here.) 1.You can enable a grid, resize the lines of the grid and the fixed ...
    • Align all selected fixed elements

      The many ways to align fixed positioned elements is covered here. The section below covers an option to align multiple, fixed positioned elements relatively to each other. (Currently this alignment option does not reposition line elements, but this ...
    • Alignment options

      In the designer you have multiple ways to align elements: There is a special alignment option for text elements, that behaves in two different ways: Align within designated area or align relative to reference point. The other alignment options ...
    • Fixed and dynamic positions

      Fixed and dynamic positions : When you insert elements in the InterFormNG2 designer, then you can choose to insert the element in either a fixed or a dynamic position. This is also explained in this video: If you insert a physical element in ...
    • Design elements

      The elements, that you can use to build up a design (or template as they are called in InterFormNG2) are described below. The elements are found on the top of the designer and are marked below with the blue frames: The bottom row is displayed if you ...