How to customize report layout in Bold Reports

By default, the report is rendered at the center with some default padding and margin. You can customize the report layout according to your specific requirements.

To achieve this, you need to make changes to the CSS code in your application. Follow the steps below:

1. Locate the CSS file of your application responsible for report rendering.

2. Look for the CSS selector “.e-reportviewer-pageouterline”, which targets the outer container of the report.

3. Add the following CSS code within the “.e-reportviewer-pageouterline” selector:

            .e-reportviewer-pageouterline
            {
            margin:0 !important;
            padding:0 !important;
            }
   

4. Save the CSS file.

5. By setting the margin and padding to 0, the report will be aligned to the top left corner.

   

Remember, this modification will override the default center alignment and apply the top left alignment to the report.