• Home
  • Observe and explore
  • Dashboards
  • Get started with Dynatrace dashboards
  • Edit dashboards

Edit dashboards

Latest Dynatrace

Use these procedures to edit your dashboard.

Add

Create a dashboard

To create a new dashboard

  1. In the Dynatrace Launcher, select Dashboards.

    The Dashboards app starts.

  2. In the Dashboards panel, select New dashboard.

Query Grail

To Query Grail

  1. In the upper-right of the dashboard, open the Add menu and select Query Grail.

    Add tile button

    An Options side panel opens on the right.

  2. In the edit box, use the Dynatrace Query Language (DQL) to define your query.

  3. Select Run query to execute the DQL query and display visualization options.

  4. In the Result section, select Select visualization to choose a visualization format for your results.

    If a visualization is already selected, you can select Change visualization to select a different visualization.

    Change visualization

  5. Select < Options to return to the Options panel.

  6. In the Result section, select Customize… to adjust visualization settings as needed.

  7. Select < Options to return to the Options panel.

  8. Close the side panel when you're done.

For details, see Add data to a dashboard.

Add code

To add code to a dashboard

  1. In the upper-right of the dashboard, open the Add menu and select Add code.

    Add tile button

    An empty tile is added to the dashboard and an Options side panel opens on the right.

  2. optional In Tile title, enter a title to display at the top of your tile.

  3. In the numbered Code box, enter custom JavaScript to fetch external data from any available API. Use the Fetch API to fetch data from external APIs.

    Important

    To make sure your requests aren't blocked, ask your administrator to allow your external data sources by adding them to the Limit outbound connections settings.

    1. In the Dynatrace menu, go to Settings and open Preferences > Limit outbound connections.

    2. Select Add item and add the address of the web service you'd like to connect to.

      Don't include the address prefix. For example, if the address is https://some.service.org, just add some.service.org.

    3. Select Save changes.

    This way you can granularly control the web services your dashboard can connect to.

For details, see Add code to a dashboard.

Add markdown

To add a markdown tile to a dashboard

  1. In the upper-right of the dashboard, open the Add menu and select Add markdown.

    Add tile button

    An Options side panel opens on the right.

  2. In the Options side panel, enter your text.

    • Use Markdown to format your text and add links and images.
    • The tile is updated as you edit.
    • While you're editing text, press Ctrl+Space to see options.
  3. Close the Options side panel when you're done.

For details, see Add Markdown to dashboard.

Add variable

Use variables to filter your dashboards.

To add a variable to a dashboard

  1. In the upper-right of the dashboard, open the Add menu and select Add variable.

    Add tile button

  2. Define the variable.

  3. Select Add variable to save your changes.

For details, see Add a variable to a dashboard.

Add snippet

To get started based on a snippet

  1. In the upper-right of the dashboard, open the Add menu and select Add snippet > [snippet category] > [snippet name].

    Add tile button

    The edit panel displays the snippet.

  2. Edit the query or code (depending on the snippet type you selected) and the visualization settings as needed.

  3. Select Run query.

  4. In the Result section, select Select visualization to choose a visualization format for your results.

  5. Select < Options to return to the Options panel.

  6. In the Result section, select Customize… to adjust visualization settings as needed.

  7. Select < Options to return to the Options panel.

  8. Review the results.

  9. Close the side panel when you're done.

For details, see Add a snippet to a dashboard.

Layout

Move a tile

You can move one tile at a time or select and move multiple tiles simultaneously.

To move one tile at a time

  1. Hover over the tile to display the tile-specific commands.
  2. Select and drag Move to drag the selected tile to a new location.

To move multiple tiles simultaneously

  1. Click one tile to select it.
  2. Ctrl-click additional tiles that you want to move.
    • Each selected tile is highlighted.
    • The total number of selected tiles is displayed on the tile command bar.
  3. Select and drag Move to drag all of the selected tiles to a new location.

Resize a tile

To resize a tile

  1. Hover over the tile to display the tile-specific commands.
  2. Select and drag Resize in the lower-right corner of the tile to change the size and shape of the tile.

Copy and paste a tile

You can copy and paste tiles to the same dashboard or another dashboard.

To copy and paste one tile

  1. Hover over the tile to display the tile-specific commands.

  2. On the tile command bar, select Copy to clipboard.

    The selected tile is copied to your clipboard.

  3. Paste the tile (Ctrl-V).

    • You can paste the copied tile to the current dashboard, in which case it's the equivalent of Duplicate.
    • You can switch to another dashboard and paste the copied tile there.

To copy and paste multiple tiles simultaneously

  1. Click one tile to select it.

  2. Ctrl-click additional tiles that you want to copy and paste.

    • Each selected tile is highlighted.
    • The total number of selected tiles is displayed on the tile command bar.
  3. On the tile command bar, select Copy to clipboard.

    The selected tiles are copied to your clipboard.

  4. Paste the tiles (Ctrl-V) to the same dashboard or switch to another dashboard and paste them there.

Open a tile with another app

To open one or more tiles with a different application

  1. Hover over the tile to display the tile-specific commands and then select More actions > Open with.

    To select and open multiple tiles in another application

    1. Select one of the tiles that you want to open in another application.
    2. Ctrl-Click the remaining tiles that you want to open in another application. All selected tiles will be highlighted.
    3. Select Open with….
  2. In the Open with… window, select the other application in which you want to open the tile.

    For example, to open a dashboard tile in a notebook, select the Notebooks app. This will open the Notebooks app with the selected tiles copied into a notebook.

Duplicate a tile

You can duplicate one tile at a time or duplicate multiple tiles simultaneously.

To duplicate one tile

  1. Hover over the tile to display the tile-specific commands.

  2. Select Duplicate.

    A copy of the tile is created on the current dashboard.

To duplicate multiple tiles simultaneously

  1. Click one tile to select it.

  2. Ctrl-click additional tiles that you want to duplicate.

    • Each selected tile is highlighted.
    • The total number of selected tiles is displayed on the tile command bar.
  3. On the tile command bar, select Duplicate.

    The selected tiles are duplicated on the current dashboard.

Delete a tile

You can delete one tile at a time or select and delete multiple tiles simultaneously.

To delete one tile

  1. Hover over the tile to display the tile-specific commands.
  2. On the tile command bar, select More actions > Delete.
  3. In the Are you sure you want to delete this tile? message, select Cancel or Delete.

To delete multiple tiles simultaneously

  1. Click one tile to select it.
  2. Ctrl-click additional tiles that you want to delete.
    • Each selected tile is highlighted.
    • The total number of selected tiles is displayed on the tile command bar.
  3. On the tile command bar, select Delete.
  4. In the Are you sure you want to delete this tile? message, select Cancel or Delete.

Edit a tile

To edit a tile

  1. Hover over the tile to display the tile-specific commands.

  2. Select Edit.

    An Options panel opens on the right to display the tile or section configuration.

  3. Select and drag the expander control left or right as needed to resize the Options panel for a better look at the code.

    Resize options panel