Articles in this section
Category / Section

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:

             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.

Was this article useful?
Help us improve this page
Please provide feedback or comments
Comments (0)
Please  to leave a comment
Access denied
Access denied