grafana/docs/sources/plugins/developing/panels.md

+++ title = "Developing Panel Plugins" keywords = ["grafana", "plugins", "panel", "documentation"] type = "docs" [menu.docs] name = "Developing Panel Plugins" parent = "developing" weight = 4 +++

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:

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