(Showing Draft Content)

Tutorial 6: Apply Styles and Themes

With styles you can enhance the appearance of report controls such as tables and charts, and with themes, you can enhance the overall appearance of your reports.

The theme file extension supported in ActiveReportsJS Designer is '.rdlx-json-theme'. Note that the external resources such as themes, images, or subreports are available in a report only after reopening the saved report.

Let us enhance the appearance of the following report:

Apply Style to a Control

  1. Select the Tablix data region.

  2. Go to the LAYOUT - Style property in the Properties pane.

  3. Select a Style, say, Light Style 1 Accent 5, from the drop down.

  4. Preview the report.

Note: Style either uses constant values or values from Theme. Therefore, in case the Theme is changed - control view may also change if the control's Style uses values from Theme.

To apply Theme to a Report

  1. Select Report from the ribbon menu at the top of the design area.

  2. Click Switch Theme.

  3. Select a theme, say, Cordial. You can also set the LAYOUT - Theme property of the report in the Properties pane.

  4. Preview the report.