This page provides an overview of the Dashboard Editor in AppDynamics.

The Dashboard Editor is available alongside the existing Dashboards tab. 

Dash Studio is not recommended for mission-critical dashboards as it is intended for an early customer preview.

The dashboard editor allows you to:

  • Quickly align widgets.
  • Resize widgets on a dashboard by grabbing the edges of the widget with a click and drag to resize.
  • Select multiple widgets, copy and paste them using GUI controls or using command-C or command-V controls so that they can be replicated on a single dashboard.
  • Edit widget titles by typing into the widgets directly.
  • Edit widget attributes like titles, line colors, and labels.
  • Access commonly used tools from the toolbar with a single click.

Dashboard Editor

What's New

This button provides information about the latest updates in the Dash Studio. On clicking the What's New button, a dialog box is displayed with the Show Documentation button. Clicking this button redirects you to the online documentation for Dash Studio. 

What's New

Dashboard Library

All the dashboards created in the Dash Studio are available in the Dashboard Library, which provides a list of all Dash Studio dashboards. You can use the Show My Dashboards Only toggle button to see a list of dashboards created in the Dash Studio.

Dashboard Editor

The new dashboard canvas offers a visually attractive and responsive display in both edit and view modes. The canvas and associated toolbars:

  • Allow you to easily edit the dashboards manually.
  • Allow widget data binding and editing of some widget properties (such as, titles and graph axes labels) on the canvas directly.
  • Are architected to enable future functionality such as, repeating widgets and allowing column width lock in responsive dashboards.

Edit/View Mode

You can switch between the following display modes to optimise the Dash Studio (Preview) experience:

  • View mode 
  • Edit mode

The default mode for dashboards is the View mode. In View mode, toolbar disappears, and dashboard displays to the largest extent possible in the browser window in which it is housed.

The Edit mode enables you to edit the content of the selected dashboard. To return to the dashboard library from the Edit mode, click the back arrow  icon on the top-left of the screen.

You can apply the following layouts for your dashboard :

  • Responsive Layout
  • Fixed Aspect Ratio

The View icon available on the top-right of the screen allows you to preview the dashboard. On the preview page, click the Edit icon to return back to the dashboard editor.

Feedback Button

The Feedback button lets you submit feedback about your experience using Dash Studio. The submitted feedback goes to the AppDynamics product team.

Auto Refresh Interval

Enable the Auto Refresh Interval option under the Dashboard Properties panel to refresh the dashboard automatically at specific intervals. Auto refresh ensures that the dashboard data and layout is refreshed regularly. You can select an option from the Auto Refresh Interval dropdown or choose Custom from the list of options to customise the interval value. The default refresh interval is 2 minutes. The set interval value persists even when you switch between edit and view mode and also when you share, import, or export a dashboard.

Help Pop-Up

The Help pop-up appears at various places on the dashboard UI. This pop-up provides details about features, concepts, and product changes. Click "Okay, got it!" to close the pop-up.

Dashboard Sharing

The sharing capability in Dash Studio allows you to share the dashboard with business users as well as with those who do not have an AppDynamics account. This helps multiple users to access the dashboard and enables effective collaboration among the users.

You can also:

  • stop sharing the dashboard 
  • copy the shared URL to the clipboard
  • open the shared URL in a new window

Import and Export Dashboards 

This feature allows you to export and import JSON dashboard metadata between Dash Studio instances running in different environments.

Export Dashboard 

You can export a dashboard in Dash Studio as follows:

  1. Select the dashboard that you want to export from the dashboard list:
    Dash Studio Dashboard

    Export icon () is enabled only when you select a dashboard from the dashboard list.

  2. Click the Export icon () available in the dashboard toolbar. 
    Export Icon
    The exported dashboard is generated as a JSON file on your system. You can rename the downloaded file later as per your requirement. 
Export Dashboard with Edit Permissions

With Edit permissions for the selected dashboard, you can also export the dashboard in the following way:

  1. Right-click on the selected dashboard. 
  2. Select Export (Export Icon) option from the drop-down list.
    Export Icon
    The exported dashboard is generated as a JSON file on your system. 

Import Dashboard 

To import a previously exported dashboard file in Dash Studio:

  1. Click the Import icon Import Icon in the dashboard menu bar. The Custom Dashboard Import dialog box appears on the screen.
  2. Click Choose File and navigate to the previously exported JSON file that you want to import.
  3. Click Open. 
  4. Click Import. 
    This opens the imported dashboard and displays it with a new name.

    Imported Dashboard
Import Dashboard with Edit Permissions 

With edit permissions for the selected dashboard, you can also import the dashboard in the following way:

  1. Right-click on the selected dashboard. 
  2. Select Import (Import Icon)option from the drop-down list.
    Import Icon
    A dialog box appears on the screen. Click Choose File to navigate to the dashboard file that you want to import.
    Choose File

  3. Click Open. 
  4. Click Import. 
    This opens the imported dashboard and displays it with a new name.

You might see the following errors when trying to import a dashboard file:

  • Parsing error when you import a bad or malformed dashboard file.

Parsing Error

  • File Not Found error when you import a dashboard from another Controller.

File Not Found Error