Overview

A visual editor is available for creating and editing dashboards. It allows you to work with them without having to edit the JSON source code. However, not all features are available in the visual editor. Some advanced features require direct editing of the JSON code.

Editing the dashboard source code

To configure dashboard panel settings that are not available through the visual editor, you must edit the JSON source code. The editor provides dynamic validation of the code as changes are made.

Pre-requirements

It is recommended to read the following materials before editing the source code of dashboards:

• Dashboard structure in JSON: this article describes the structure of dashboards created with JSON

Steps for working with the editor

1. On the Dashboards list page, select the one you want to edit

2. Select Edit to open the dashboard editor

3. Press JSON to open the dashboard source code editor

4. Edit the dashboard source code as necessary

   The editor provides the following functions:

   • Code formatting: the editor can automatically format JSON code, append key and value names, arrange brackets and quotes

   

   • Code validation: the editor automatically checks code for errors and warns you about them

   

   • Displaying warnings and errors: warnings and errors are displayed next to the corresponding line of code as icons. To view detailed information, you need to hover your cursor over the corresponding icon

   

5. Save changes

   • If the Save button is not available, it means that there are errors or warnings in the code that need to be corrected
   • If there are no errors or warnings, press Save to save the changes made