Cell element

Cell element

When you insert a table element in the designer, then each block of the table is referred to in InterFormNG2 as a cell.

 

There is no limit the the element types, that you can insert inside a cell; you can even insert a table in a cell. So most of the options on a cell is covered in the section covering the container element.

 

On a cell you have few additional functions compared to a normal container element (both the container element type and a page element).

  1. You can merge and unmerge cells.
  2. You can also vertically align the dynamically placed elements inside, if you select one or multiple cells and then click one of these icons in the header of the designer:


 

These 3 icons can:

  1. Top align the elements inside the cell.
  2. Vertically center the elements.
  3. Bottom align the elements inside.

If you want to horizontally align dynamically placed elements inside the cells, then you should consider the options, that are listed here.

 

There are 3 ways to change the size of a cell:

  1. You can merge and unmerge cells.
  2. You can change the cell height by changing the row height.
  3. Set a different width by changing the column width.

Cell padding

You can add a bit of space around any dynamically positioned element inside all the cells in a table. You can compare this with the margin of the page element, except that the cell padding is the same for all directions. The cell padding works like this, where the blue arrows indicate the cell padding.



The cell padding is setup on the properties of the table here:



    • Related Articles

    • Table element

      You can use a table element to insert design elements in organized rows and columns. Each cell in the table can be surrounded by a border and/or filled out with a color. You can even create a dynamic table with a row for each detail line in the input ...

    • Text element

      If you want to insert any kind of text in InterFormNG2, then you should use the text element. You can insert a new text element if you click on this icon: The data, that you can output as text are these types: 1.A text constant. 2.Drag nodes from an ...

    • Comment element

      You can use the comment element to document the structure and changes to templates. To insert a comment in your template you need to insert the comment element with this icon: You find this icon by clicking the '+' icon to reveal the second row of ...

    • Select element

      In the designer there are two conditional elements: The If element and this, the select element. The select element is an advanced version of the If element, that makes it possible to branch out to different sub-folders with elements, depending on ...

    • If element

      It is possible to specify, that some design elements should only be included if a certain condition is met. For that you could use the If element as described below. A more advanced option is to use the select element. You can insert an If element ...