Skip to content

Toro Cloud Dev Center


Using custom styles in your report

You can add extra attributes to your report's rows and containers.

Adding CSS classes

The class attribute is a space-separated list of an element's classes. A class is used in CSS and JavaScript to identify and select an element, for applying styles and other changes. In Report Builder, you can modify the class attribute of a row or container through the following steps:

Adding a class to a row

  1. Click the options button of a row or container. A dialog will appear.
  2. Enter your desired class names in the CSS class field.
  3. Click Update.

You can utilize Bootstrap 4 classes and other classes defined in built-in libraries supported by Report Builder.

Adding other HTML attributes

Attributes are additional values used to further add data to an element. They can be used to configure an element to adjust behavior. You can also add an attribute to your report's rows and containers using the steps below:

Adding other attributes to a row

  1. Click the options button of a row or container. A dialog will appear.
  2. Click the Add Attributes button.
  3. Enter the attribute name and value.
  4. Click the green, '+'-labeled button.
  5. Repeat steps #2 to #4 to add more attributes.
  6. Click Update.