How to Use Report Parts in the Embedded Report Designer with Report Server Integration

Report parts are reusable report components, such as report headers, report bodies, and footers, that are stored in the Bold Reports Server. By enabling the enableReportPart property, users can access and use these preconfigured components directly within the embedded Report Designer, helping to maintain consistency and reduce report design effort.

Step-by-Step Instructions

Step 1: Enable Report Parts in the Embedded Designer

To display the Report Parts tab, set the enableReportPart property to true when initializing the Bold Reports Web Designer.

1. Open the file where the Report Designer is initialized.

2. Add the enableReportPart property to the designer configuration, as shown below:

   <div id="container"></div>
   <script>
       $(function () {
           $("#container").boldReportDesigner({              
               // Required: Configure server URLs to fetch the items
               serviceUrl: "https://service.boldreports.com/api/Designer",
               reportServerUrl:"https://<your-report-server-domain>/reporting/api/",
               serviceAuthorizationToken: "bearer <server-token>",
               // Set to true to enable the Report Part pane
               enableReportPart: true,
           });
       });
   </script> 
   

Step 2: Verify the Report Parts Tab

1. Before enabling the property, the left navigation panel displays only the Basic Items tab, which contains standard report items such as Text Box, Chart, and Table. The Report Parts tab is not displayed.
   
   
2. After enabling the property, run the application and open the Report Designer. The Report Parts tab will appear in the left-side navigation panel.
3. Click the Report Parts tab to view the available report parts. You can drag and drop these items directly onto the report design surface.
   
   

Related Articles

• Configuring Server Integration for Embedded Designer
• How to Manage Report Parts in Bold Reports Server
• Embedding Bold Reports Web Designer in JavaScript