Report Designer Elements Panel

The Elements Panel on the left side of Canvas contains all the elements used to create the report content.

Header & Footer

• Automatically adds page headers and footers.
• Automatically expands if there is insufficient space when an element is dragged into it.
• QR Renderer and Barcode Renderer cannot be dragged into these areas.
• Height and border settings can be adjusted.
• In dynamic reports:
  
  • If the report is split into multiple pages
    
    • Header appears only on the first page
    • Footer appears only on the last page.
• It is considered as Report Header within the system.

Box

• Width, height, x, and y values can be adjusted.
• Fill color and border settings can be configured.
• Any desired element can be dragged into it.
• If the added content does not fit, the Box area automatically expands.

Label

• Used to add text.
• Text direction can be set.
• Supports Vertical WritingMode from right to left and left to right.
• A dynamic page number can be added by selecting Current Page via the Symbol Picker.

Icon & Image

• Images and icons can be added.
• Size, color, and position settings can be adjusted.

Vertical Panel

• Used to create a vertical fixed panel.
• Can be positioned by dragging.
• The background color and border can be adjusted.
• Multiple Vertical Panels can be added.

QR Renderer & Barcode Renderer

• After entering the value, width and height can be adjusted.
• Used for data-driven visualization.

Divider

• Adds a separator.
• Y position, color, and border settings can be adjusted.
• Solid or dashed styles can be applied.

Page Break

• Used to add a page break.
• For example, to create two A4 (297 mm) pages:
  
  • A Page Break can be added with Y = 297 on the ruler.
  • The Y value can also be manually entered as 297 on the Layout side.

Report Table

Report Table is used for dynamic data display.

To use Report Table:

• First, add the Get Report Base64 action.
• Then add the Print PDF or Download PDF action.

Features:

• It is dynamic.
• Multiple Labels can be added to a column.
• The Element Direction property allows you to select horizontal or vertical orientation.
• Element gap can be adjusted.
• Fill color and border properties are supported.

Static Table

Static Table offers an Excel-like fixed table structure.

• Labels can be dragged into it for x–y-based positioning.
• The border can be adjusted.
• Column-based:
  
  • Colspan
  • Rowspan properties are supported.

Table Operations

From the Table Operations area at the bottom:

• Rows can be added above/below.
• Columns can be added to the right/left.
• Column content can be cleared.
• Cells can be merged.

During the merge operation:

• Colspan and Rowspan are automatically activated.
• When multiple cells are selected, the number of selected columns is automatically reflected in the Colspan field.