b4d89dd9d4
* Docs: Plugins doc reorganization, part 1 (#69864)
* Initial commit
* Prettier fixes
* Doc-validator fixes part 1
* Doc-validator fixes part 2
* More doc-validator fixes
* More doc-validator fixes
* Test
* link test
* Linnk test
* Link test
* More fixes
* More fixes
* Doc-validator fixes
* Doc-validator fixes
* fix broken link
* Fix
* Testing
* Doc fixes
* Link fixes
* Fix links
* Update docs/sources/developers/plugins/create-a-grafana-plugin/_index.md
Co-authored-by: David Harris <david.harris@grafana.com>
* Testing
* Testing
* Testing
* Testing
* Doc-validator fixes
* Doc-validator fixes
* Doc-validator fixes
* Fix broken links for plugins reorganization project
* Prettier fixes
* Prettier fixes
* Incorporate reviewer feedback
* Link fixes
* Link fixes
* Link fixes
* Link fix
* Deleted space
* Codeowners fix
* Change grafana.com links to absolute URLs for Hugo
---------
Co-authored-by: David Harris <david.harris@grafana.com>
(cherry picked from commit f9df1f3051)
* Prettier fix
35 lines
889 B
Markdown
35 lines
889 B
Markdown
---
|
|
title: Legacy panel plugins
|
|
aliases:
|
|
- ../../../plugins/developing/panels/
|
|
keywords:
|
|
- grafana
|
|
- plugins
|
|
- panel
|
|
- documentation
|
|
description: Deprecated guide for Angular plugin development.
|
|
---
|
|
|
|
# Legacy panel plugins
|
|
|
|
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
|
|
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](https://github.com/grafana/clock-panel)
|
|
- [singlestat-panel](https://github.com/grafana/grafana/tree/main/public/app/plugins/panel/singlestat)
|