How do I register custom styles in Cloud Reporting?

In Bold Reports^® Cloud, you create a custom styles file and register it in a single step by uploading it to the server with the File Upload feature.

How to create a custom styles JSON file

A custom styles file is a JSON file named {name of file}.json that defines the required CSS styles. Use the following format:

"table header": {
     "font-family": "arial",
     "font-size": "13.333333333333334px",
     "font-weight": "bold",
     "background-color": "#6495ED",
     "border-bottom-color": "navy",
     "border-right-color": "gray",
     "border-left-color": "gray",
     "border-right-width": "1.333px",
     "border-left-width": "1.333px",
     "border-top-width": "2px",
     "border-bottom-width": "2px",
     "border-bottom-style": "double",
     "border-top-color": "navy"
 },
 "header": {
     "background-color": "#6495ED",
     "font-family": "arial",
     "font-size": "0.16666979166666665in",
     "font-style": "normal",
     "font-weight": "bold",
     "color": "white"
 }

How to register custom styles with file upload

You register custom styles by uploading the JSON file with File Upload and setting the Name field to custom_style.

To register external custom styles in Cloud Reporting, admins or the uploading user can create and manage a custom styles file in a straightforward way. The uploaded custom styles file serves as a common styling reference for all users within the site, allowing them to apply their own formatting preferences. To configure the custom styles via file upload, follow these steps:

Refer to the File Upload section in Bold Reports^® Report Server and upload your custom styles JSON file.

Note: In the Upload File dialog, the Name field must be set to custom_style
Once the file is uploaded, another file with the same name [custom_style] cannot be uploaded again.
To modify the styles in an existing uploaded file, you must re-upload it. Only the user who originally uploaded the file or an administrator can do this.

Note: If a report is open in the Designer tab, reload it after uploading the file.

Frequently asked questions

What name must the custom styles file have when I upload it?

Set the Name field to custom_style in the Upload File dialog. The server does not accept a second file with the same name.

How do I apply a registered custom style to a report?

In the Bold Reports^® designer, open the Properties panel. Under Miscellaneous in Report Properties, choose a style key from the Custom Style dropdown. See Configure custom styles into report items.

Why don’t my new styles appear in the designer?

If a report is already open in the Designer tab, reload it after you upload the custom styles file.