Report Designer Design Area (Canvas)

Canvas is the main area where report design takes place. Thanks to the Free Position feature, you can drag and drop elements anywhere on the page.

Isometric (Dot Grid) Design Mode

Canvas defaults to the isometric (dot grid) view. This mode allows you to:

• Drag elements aligned to dots.
• You can switch between free mode and dotted view.
• Dot spacing can be adjusted.
• The user's preferred view is saved in the browser.

Rulers and Measurement

The blue rulers on the Canvas facilitate alignment and measurement.

• Ruler units can be displayed in points (pt), millimeters (mm), and inches.
• The measurement unit for current page types is point–mm–inch.
• When the Custom page is selected, the measurement unit can be selected separately as pt / mm / inch.
• When the measurement unit is changed:
  
  • Ruler values
  • The width, height, x, y fields in the styling panel
  • are updated according to the selected unit.

Additionally, guide lines can be added via the ruler to further simplify alignment.

Page Margins (Padding)

Page margins can be customized. In dotted design mode, padding areas are displayed without dots, visually separating the content area.

Paper Size

The Paper Size field in the Header section includes the following options:

• Custom: A fully customized page size of 200 px or higher (e.g., 850×1300 px) can be defined.
• Letter: 8.5×11 inches (850×1100 px)
• A3: 297×420 mm (1168×1654 px)
• A4: 210×297 mm (826×1168 px)
• A5: 148×210 mm (584×826 px)

Width and height can be manually adjusted using the resizing icon. These settings ensure that the report appears correctly in both digital and printed outputs.