Important: This documentation is about an older version. It's relevant only to the release noted, many of the features and functions have been updated or replaced. Please view the current version.

Documentation Grafana documentation Plugins Developing Plugins Developing Panel Plugins

Panels

Panels are the main building blocks of dashboards.

Panel development

Scrolling

The grafana dashboard framework controls the panel height. To enable a scrollbar within the panel the PanelCtrl needs to set the scrollable static variable:

JavaScript Copy

export class MyPanelCtrl extends PanelCtrl {
  static scrollable = true;
  ...

In this case, make sure the template has a single <div>...</div> root. The plugin loader will modify that element adding a scrollbar.

Examples

• clock-panel
• singlestat-panel