ActiveReportsJS Visual Studio Code Extension

The ActiveReportsJS Visual Studio Code Extension enables you to create and modify reports within Visual Studio Code using the integrated report designer.

Features

• Create New Reports: Easily start new ActiveReportsJS reports using the Add New ActiveReportsJS Report… command from the Command Palette. You will be prompted to choose a layout type:

  • Continuous Page Layout: Ideal for variable content length.
  • Fixed Page Layout: Suitable for precise content placement.
  • Pageless Layout: Perfect for creating dashboard-like reports that require a dynamic, flowing presentation without traditional page boundaries.
  • If unsure, begin with the Continuous Page Layout.

• Report Design and Preview: Open any .rdlx-json file to activate the report designer. This allows you to design your report and preview the output directly in Visual Studio Code. Ensure that you have a folder open in Visual Studio Code where the report files will be saved and managed.

Quick Start Guidelines

Refer to the Quick Start Guidelines for helpful tips on report authoring.

Extension Settings

This extension provides settings to customize your experience:

• activereportsjs.customInitTemplates.fplMetric, activereportsjs.customInitTemplates.fplImperial, activereportsjs.customInitTemplates.cplMetric , activereportsjs.customInitTemplates.cplImperial: You can override the default properties for report item as described in the documentation
• activeReportsJS.colorTheme: Sets the color theme for the report designer and viewer.
• activereportsjs.license: You can enter your ActiveReportsJS license key here to activate the full version of the product.
• activereportsjs.resourcesDirectoryDepth: Defines how deeply the extension should search within directories for resources, specified as the number of subdirectory levels to traverse.