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

 NG2DesignerElements0001

 

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:

 NG2HeadElements0001

 

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.

 Component0001


Image: Inserts an image.

 NG2Image0001

 

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

 NG2Translation0001

 

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

 NG2Table0001

 

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

 NG2Text0001

 

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

 NG2Container0001

 

Line: Inserts a line.

 NG2Line0001

 

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

 NG2FlowDir0001

 

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

 NG2FillColor0001

 

Borders: Add borders to a selected containertable or cell.

 NG2Border0001

The icons of the second row:

Barcode: Insert a barcode.

 NG2Barcode0001

 

Page Break: Inserts a page break.

 NG2PageBreak0001

 

Line break: Inserts a line break. This is only available for containers with a horizontal flow (row).

 NG2PageBreak0001

 

Comment: Adds a comment to the design. Not visible in the merged result.

 NG2Comment0001

 

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

 NG2Embed0001

 

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

 NG2RFIDTag0001

 

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

 NG2DesignerFormField0004

 

Bookmark: Inserts a bookmark in the output PDF file.

 NG2DesignerBoomark0005

 

Chart: Inserts a chart in the output.

 NG2Charts0006

 

Repeat: Repeats the elements inside this folder a number of times.

 NG2Repeat0001

 

If element: Inserts/executes the folder if a boolean expression (condition) is true.

 NG2If0001

 

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

 NG2Select0001

 

Variable: Defines and set a value for a variable.

 NG2Varable0001

The elements to be inserted outside a page only:

Page element: Inserts an extra page element in the merged result.

 NG2Page0001

 

Template properties: The general properties of the template.

 NG2TemplateProperties0003

 

Workflow variable: Defines and set a value for a workflow variable.

 NG2WorkflowVariable0001

    • 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 ...