Design elements

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 pink frames:



The bottom row is displayed if you click the '+' icon in the top row. 

There are also 2 special elements, that can only be inserted outside the page element. To view these elements, you need to click 'Template' in the element list on the left:


 

These two elements are explained in the bottom of this list. 

The elements are from left to right:
  Component: Inserts a common component/sub template, which is a selection of design elements. Useful for common header/footers.
   Image: Inserts an image.

   Translation: Refer to translation table e.g. for a multi-language template.

   Table: Add a fixed or dynamic table of cells to e.g. organize the output into fixed columns/rows with or without lines.

   Text: Add a text element. This can a fixed text, XML data, an Xpath expression or translation text.

   Container: A 'folder' to group elements together. Elements inside are positioned relative to the container.

   Line: Inserts a line.

   Flow direction: Sets the flow direction of a selected page or container. This is used when elements are inserted relatively (default).

   Fill color: Fills a selected containertable or cell in a table with a color.

   Borders: Add borders to a selected containertable or cell.

The icons of the second row:

   Dynamic text style element.
   Barcode: Insert a barcode.

   Page Break: Inserts a page break.
    Line break: Inserts a line break. This is only available for containers with a horizontal flow (row).
   Comment: Adds a comment to the design. Not visible in the merged result.

   Embed a file: (Require the AdvancedPDF module). Adds an embedded file to the merged PDF result.

  RFID tag: Inserts an RFID tag on RFID capable ZPL compatible printers.

   Form field: Inserts a input field in the output PDF file.

   Bookmark: Inserts a bookmark in the output PDF file.

   Chart: Inserts a chart in the output.

  
   
   Repeat: Repeats the elements inside this folder a number of times.
    If element: Inserts/executes the folder if a boolean expression (condition) is true.

   Select element: Similar to the If element. Branches out with multiple conditions and an Otherwise branch.

    Variable: Defines and set a value for a variable.

The elements to be inserted outside a page only:

   Page element: Inserts an extra page element in the merged result.
   Template properties: The general properties of the template.
    Workflow variable: Defines and set a value for a workflow variable.
    • Related Articles

    • Dynamic Xpath settings for design elements

      You can set multiple settings as an xpath expression for many of the design elements in the normal template designer (for printed and PDF result). For almost all the physical elements you can setup an Xpath expression for the X- and Y-position of the ...
    • Design tips

      Here are some tips, that can help you when you make your template designs: 1.Introduction to the designer 2.Create a new template. 3.Open an existing template. 4.Use a grid for aligment. 5.Preview of the merged result. 6.Introduction to fixed and ...
    • 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 ...
    • Designer: Overlapped elements

      Sometimes you might find that it seems impossible to select an element in the result view. The reason normally is, that the element is overlapped by other elements like the text in the example below: You can click on the text in the element list on ...
    • Transformation design to XSL

      This advanced converter workflow component can transform a transformation design, which has been created in the transformation designer into a normal XSL transformation file. For use in the workflow you can also consider to use the transformation ...