On the left side of Canvas there is a structure similar to the one in the UI Design panel. This section contains the Elements Panel, Custom Actions and Item Tree panels that you will need to create your report. In the Elements panel, you can see the different types of elements you can add to your report. The Custom Actions panel allows you to define custom actions, for example, you can define dynamic filters or conditional formatting within the report. Item Tree allows you to view and organize all the elements you use in the report in a hierarchical structure.
With this module, you can make your reports more than just a tool focused on data presentation, you can make them visually effective and user-friendly, and design reports tailored to your business needs.
While in the Report Designer module, let's examine the elements and their usage areas in the “Elements” panel on the left side.
Header: It is a fixed header field used to show the report title and general information. The header acts like a panel and is automatically added on each report page. For example, when you create a 10-page report, the header section appears at the top of each page, ensuring consistency across all pages.
Footer: A fixed footer area at the bottom of the report used to show general information or explanations. Just like the header, the footer is added automatically on each page. When you create a 10-page report, each page will have a footer at the bottom, ensuring a consistent footer area across pages.
Label: An element used to add text, descriptions or labels. Unlike UI Design, it can be automatically resized according to the text length. With the “Writing Mode” property of the Label element, you can set the text orientation horizontally or vertically, making the text more readable and cohesive.
Icon: Used to add visual icons to your reports. This element is ideal for highlighting important information or specific content in the report.
Box: It is a box element used to create an organized look by grouping certain sections. Box allows you to customize the background color or style and creates distinct areas within the report.
Panel: An element used to group a group of elements together to create an organized structure. A panel allows you to edit and organize other elements within it.
Barcode Renderer: An element used to display product information, ID numbers or other data in barcode format. In this way, the data can be read quickly with scanner devices.
Page Break: Creates a break between report pages. This element is used to break long reports into pages in an organized way.
Image: Used to add logos, photos or other visual elements to reports. It supports Base64 format images and can be easily resized with the mouse. Also, sizing and styling settings can be made from the styling panel.
QR Renderer: It is an element used to display data in QR code format. QR codes can be easily scanned with mobile devices.
Report Table: It is an element used to create data tables. With the Panel Block feature, you can edit the contents in the table and make your tables more organized and user-friendly.
Additional Features and Usage Details
Adding Elements to Canvas from the Elements Panel:
Elements are added to Canvas automatically by creating a panel.
In panel sizing, a value smaller than the size of the element cannot be given. Elements cannot extend beyond the panel.
Position and Size Changes:
When the positions of the elements on the canvas are changed by drag and drop, the position (X-Y) values in the styling panel are automatically displayed according to the new position.
The size of the panel behind the elements also changes according to the changes made in the size values.
Kuika's Report Designer elements and features allow you to design your reports more effectively and present the data you want in a visually rich format.
