2016-10-21 04:01:34 -05:00
+++
2020-05-07 11:45:52 -05:00
title = "Legacy panel plugins"
2018-05-07 01:03:30 -05:00
keywords = ["grafana", "plugins", "panel", "documentation"]
2021-04-15 16:08:58 -05:00
aliases = ["/docs/grafana/latest/plugins/developing/panels/"]
2016-10-21 04:01:34 -05:00
+++
2020-05-07 11:45:52 -05:00
# Legacy panel plugins
2016-03-01 02:39:10 -06:00
2016-04-06 09:26:22 -05:00
Panels are the main building blocks of dashboards.
2016-03-04 06:10:33 -06:00
2016-03-30 09:56:22 -05:00
## Panel development
2016-03-04 06:10:33 -06:00
2018-05-07 01:03:30 -05:00
### Scrolling
2021-08-06 08:52:36 -05:00
The grafana dashboard framework controls the panel height. To enable a scrollbar within the panel the PanelCtrl needs to set the scrollable static variable:
2018-05-07 01:03:30 -05:00
```javascript
export class MyPanelCtrl extends PanelCtrl {
static scrollable = true;
...
```
2021-08-06 08:52:36 -05:00
In this case, make sure the template has a single `<div>...</div>` root. The plugin loader will modify that element adding a scrollbar.
2018-05-08 02:45:08 -05:00
2018-05-07 01:03:30 -05:00
### Examples
2016-03-04 06:10:33 -06:00
2016-03-30 09:56:22 -05:00
- [clock-panel ](https://github.com/grafana/clock-panel )
2021-05-06 09:29:29 -05:00
- [singlestat-panel ](https://github.com/grafana/grafana/tree/main/public/app/plugins/panel/singlestat )
