Grafana Cloud

Custom tabs in Frontend Observability

Caution

Custom tabs are an experimental feature. Functionality may change as we gather feedback.

Custom tabs let you surface any Grafana dashboard as a tab directly inside a Frontend Observability application. Use them to bring team-specific dashboards such as custom performance views, business metrics, or RUM reports into context without navigating away.

After you configure them, custom tabs appear alongside the built-in navigation tabs (Sessions, Errors, Performance, and so on) for every team member with access to the application.

Before you begin

  • You must have Editor or Admin organization role, or the Frontend Observability Editor or Frontend Observability Admin plugin role, to add a custom tab.
  • To delete a custom tab, you must have the Grafana Admin organization role. Plugin roles, including Frontend Observability Admin, don’t currently grant delete permission for custom tabs.

Add a custom tab

  1. Open Frontend Observability in Grafana Cloud and select your application.
  2. Navigate to Settings.
  3. Under Custom tabs, enter a Tab name and select the target Grafana dashboard by name.
  4. Click Create tab. The tab appears in the application navigation after an automatic refresh.

Delete a custom tab

Only users with the Grafana Admin organization role can delete custom tabs.

  1. Open Frontend Observability and select your application.
  2. Navigate to Settings > Custom tabs.
  3. Click the delete icon next to the tab you want to remove.
  4. Confirm the deletion.