Report Menu

Introduction

The Report Menu in Joget DX 8  allows you to display reports created using the Report Builder directly within the application’s UI. This menu is bundled in the Report Builder plugin, making it easy to integrate and configure.

Get started

To use the Report Menu, ensure that you have created reports using the Report Builder and understand how to configure UI elements in Joget.

Configure report menu properties

Go to select UI Builder > Report Menu, and you will see the fields that must be configured.

If you download the sample app from the Report Builder section, the pre-configured report menu will be named Car Deals Report. This report can serve as a ready-made example, allowing you to explore how report menus are built and customized within Joget. You can also modify this example to suit your own reporting requirements.

By using the Car Deals Report as a reference, you can better understand the configuration options available in the Report Menu and apply them to create or modify reports for your own applications.

Edit report

Fields to configure:

  • ID: Assign a unique ID to the menu element. If you leave the Custom ID field empty, Joget will use this ID in the URL.
  • Custom ID: Item link slug. Optional field.
    Unique field
    Ensure that value defined here is unique to other UI menus in the app, since the first matching/conflicting ID will take precedence in page loading.
  • Label: Menu label. Mandatory field.
  • Report parameters: Select the report you created with the Report Builder to display in the UI.
    Configure Report Parameters:
    • Name: Specify the parameter name.
    • Value: Set the parameter value.
    • Default Value: Default parameter value if there is no value set.

Advanced 

Fields to configure:

  • Custom Header (HTML): Add custom HTML to the page header.
  • Custom Footer (HTML): Add custom HTML to the page footer.

Performance & offline

You can configure the performance settings in this UI Menu, which allows you to cache existing content for improved performance and loading speed. Read more at Performance Improvement with UI Caching.

Fields to configure:

Cache settings 
  • Scope
  • Duration (s)
PWA offline settings
  • Enable cache for offline support: Once enabled, this UI element will be accessible in the event of an offline environment. 
Created by Julieth Last modified by Aadrian on Nov 19, 2024