Data Manipulation

Overview
Installation
Change log
Related content

Data Manipulation Panel for Grafana

Form Panel

Introduction

The Data Manipulation Panel is a conceptually new plugin for Grafana. It is the first plugin that allows inserting and updating application data, as well as modifying configuration directly from your Grafana dashboard.

Requirements

Grafana 9 and Grafana 10 are required for major version 3.
Grafana 8.5 and Grafana 9 are required for major version 2.
Grafana 8 is required for major version 1.

Getting Started

The Data Manipulation panel can be installed from the Grafana Catalog or utilizing the Grafana command line tool.

For the latter, use the following command.

grafana-cli plugins install volkovlabs-form-panel

Highlights

Provides functionality to create customizable forms.
Supports the Custom Code for the Initial and Update requests.
Allows specifying a GET request to get initial values and DELETE, PATCH, POST, and PUT requests to send values updated in the form.
Allows adding Header fields to the Initial and Update requests.
Allows customizing Submit, Reset buttons, and form layout.
Allows splitting form elements into sections.
Allows requesting confirmation before Update request.
Allows sending all or only updated elements in the Payload.
Allows displaying Success and Error notifications from the Custom Code.
Supports Code Editor suggestions for available parameters.

Documentation

Section	Description
Architecture	Explains the Architecture and how to use Grafana and API behind NGINX.
Custom Code	Demonstrates how to access panel options, API responses, form elements, Grafana services.
Features	Demonstrates panel features.
Servers	Demonstrates various server API implementations
Release Notes	Stay up to date with the latest features and updates.

Feedback

We love to hear from you. There are various ways to get in touch with us.

Ask a question, request a new feature, and file a bug with GitHub issues.
Subscribe to our YouTube Channel and add a comment.
Sponsor our open-source plugins for Grafana with GitHub Sponsor.
Star the repository to show your support.

License

Apache License Version 2.0, see LICENSE.

Installing Data Manipulation on Grafana Cloud:

For more information, visit the docs on plugin installation.

Change Log

3.2.1 (2023-09-07)

Features / Enhancements

Add backward compatibility for option id (#244)

3.2.0 (2023-09-06)

Features / Enhancements

Add min and max date for date time element (#225)
Map Data Source values to elements (#224)
Update element Show If to support variables (#230)
Add clearing errors before initial and update requests (#232)
Add URL encode to variables (#231)
Allow empty section name (#228)
Add Query Field Picker for Initial Request (#227)
Add File element type for File Upload (#229)
Add converting option value to string and number based on type (#233)
Add loading states for Initial, Update and Reset button actions (#234)
Add support for asynchronous custom code (#234)
Update Query and Data Source initial request (#237)
Add icons for radio and select options (#238)

3.1.0 (2023-08-13)

Features / Enhancements

Update jest selectors to use npm package (#209)
Add onChange to update elements in local state within custom code (#214)
Update ESLint configuration (#215)
Add Multi Select element (#217)
Add conditional element visibility (#219)
Add custom payload code editor (#220)
Add custom reset code editor (#221)
Add Data Source request (#222)

3.0.0 (2023-07-15)

Breaking changes

Requires Grafana 9 and Grafana 10.
Form Elements are kept in the local state and not saved in the dashboard by default.
Local states and elements refactoring may introduce breaking changes. Please test before using in Production.