# \#canvas-plugin **URL:** https://community.grafana.com/tag/canvas-plugin/204.md [Latest](https://community.grafana.com/latest.md) · [Categories](https://community.grafana.com/categories.md) · [Tags](https://community.grafana.com/tags.md) --- ## [How to implement a writable modal popup in a Grafana dashboard without leaving the current dashboard?](https://community.grafana.com/t/how-to-implement-a-writable-modal-popup-in-a-grafana-dashboard-without-leaving-the-current-dashboard/163821)
**Author:** [@rohitrs9255](https://community.grafana.com/u/rohitrs9255)\ **Replies:** 5\ **Last updated:** [July 29, 2026, 5:02am UTC](https://community.grafana.com/t/how-to-implement-a-writable-modal-popup-in-a-grafana-dashboard-without-leaving-the-current-dashboard/163821 "2026-07-29T05:02:08Z")
Hi everyone, I am developing a Grafana dashboard where users can click an icon to open a modal popup without leaving or closing the current dashboard. The popup should contain an editable form with fields such as: I… --- ## [Grafana canvas unable to load images as background](https://community.grafana.com/t/grafana-canvas-unable-to-load-images-as-background/158718)
**Author:** [@callmonitor](https://community.grafana.com/u/callmonitor)\ **Replies:** 4\ **Last updated:** [July 17, 2026, 10:57am UTC](https://community.grafana.com/t/grafana-canvas-unable-to-load-images-as-background/158718 "2026-07-17T10:57:33Z")
in tests involving Grafana versions 12.2.0 and 12.2.1 (k8s), PNG images copied to the folder /usr/share/grafana/public/img/bg to be used as backgrounds appear with an error in the canvas. In the logs, a 404 error is show… --- ## [How can I use my own svg icons in Canvas plugin?](https://community.grafana.com/t/how-can-i-use-my-own-svg-icons-in-canvas-plugin/82756)
**Author:** [@mgeriesa](https://community.grafana.com/u/mgeriesa)\ **Replies:** 14\ **Last updated:** [April 10, 2026, 5:02pm UTC](https://community.grafana.com/t/how-can-i-use-my-own-svg-icons-in-canvas-plugin/82756 "2026-04-10T17:02:14Z")
What Grafana version and what operating system are you using? “version”: “9.3.0-beta.1” What are you trying to achieve? Use Canvas plugin and I need to add my own svg icons How are you trying to achieve it? I … --- ## [Canvas panel - fill color of custom element](https://community.grafana.com/t/canvas-panel-fill-color-of-custom-element/162207)
**Author:** [@askic](https://community.grafana.com/u/askic)\ **Replies:** 1\ **Last updated:** [March 24, 2026, 6:07am UTC](https://community.grafana.com/t/canvas-panel-fill-color-of-custom-element/162207 "2026-03-24T06:07:09Z")
Hello to all, "I have created a Canvas panel and intend to use it as a simple SCADA/HMI application for visualization. The project is inspired by similar wind turbine and solar panel examples. However, my application i… --- ## [In canvas img/bg svg img not show in 12.2.1 version](https://community.grafana.com/t/in-canvas-img-bg-svg-img-not-show-in-12-2-1-version/159309)
**Author:** [@aryangoswami023](https://community.grafana.com/u/aryangoswami023)\ **Replies:** 4\ **Last updated:** [March 6, 2026, 2:53pm UTC](https://community.grafana.com/t/in-canvas-img-bg-svg-img-not-show-in-12-2-1-version/159309 "2026-03-06T14:53:45Z")
hello in grafana canvas plugin img/bg img not show i used rocky linux 10 os 12.2.1 grafana enterprises version. but when i add ip/public it will show , i want default path to show background img please help to suggest … --- ## [Canvas configuration](https://community.grafana.com/t/canvas-configuration/160080)
**Author:** [@nicolasre](https://community.grafana.com/u/nicolasre)\ **Replies:** 1\ **Last updated:** [February 10, 2026, 10:28am UTC](https://community.grafana.com/t/canvas-configuration/160080 "2026-02-10T10:28:19Z")
Hello everyone, does it possible to switch on an other panel or dashboard with a button on Canvas ? or does exist solution to make it work, like if we click on an element this one open the right dashboard or panel ? Than… --- ## [Canvas Panel as an alternative for the flowchart plugin](https://community.grafana.com/t/canvas-panel-as-an-alternative-for-the-flowchart-plugin/123877)
**Author:** [@nathanmarrs](https://community.grafana.com/u/nathanmarrs)\ **Replies:** 5\ **Last updated:** [January 16, 2026, 6:58pm UTC](https://community.grafana.com/t/canvas-panel-as-an-alternative-for-the-flowchart-plugin/123877 "2026-01-16T18:58:03Z")
The flowcharting plugin is no longer maintained and is based on Angular. This plugin is still actively being used in the community, but as of Grafana 11, Angular support is disabled by default. This means that community… --- ## [How to add a line break to a text element in canvas panel](https://community.grafana.com/t/how-to-add-a-line-break-to-a-text-element-in-canvas-panel/158955)
**Author:** [@callkalpa](https://community.grafana.com/u/callkalpa)\ **Replies:** 0\ **Last updated:** [October 30, 2025, 5:08am UTC](https://community.grafana.com/t/how-to-add-a-line-break-to-a-text-element-in-canvas-panel/158955 "2025-10-30T05:08:38Z")
What Grafana version and what operating system are you using? Grafana v11.0.0 (b12ad73c52) deployed with docker on a Fedora host What are you trying to achieve? I have a canvas panel and a text element. I want to sh… --- ## [When does Grafana images get the latest Plugin versions?](https://community.grafana.com/t/when-does-grafana-images-get-the-latest-plugin-versions/158692)
**Author:** [@simeonkirilov](https://community.grafana.com/u/simeonkirilov)\ **Replies:** 1\ **Last updated:** [October 22, 2025, 1:37pm UTC](https://community.grafana.com/t/when-does-grafana-images-get-the-latest-plugin-versions/158692 "2025-10-22T13:37:09Z")
I am interested in the latest Canvas features, but when I run the latest version as a container, the Canvas version is from the 10th of April (more than 6 months old). How often the built-in plugins get updated? I can’t … --- ## [Canvas panel: variables](https://community.grafana.com/t/canvas-panel-variables/158037)
**Author:** [@dnederveld](https://community.grafana.com/u/dnederveld)\ **Replies:** 3\ **Last updated:** [October 1, 2025, 8:00pm UTC](https://community.grafana.com/t/canvas-panel-variables/158037 "2025-10-01T20:00:44Z")
Can variable names be included in an element on a Canvas panel? Example Text Element ${varName} displays the current value of varName --- ## [Suggestions for Canvas to work like SCADA applications](https://community.grafana.com/t/suggestions-for-canvas-to-work-like-scada-applications/156187)
**Author:** [@maiconlfc](https://community.grafana.com/u/maiconlfc)\ **Replies:** 0\ **Last updated:** [August 14, 2025, 1:36pm UTC](https://community.grafana.com/t/suggestions-for-canvas-to-work-like-scada-applications/156187 "2025-08-14T13:36:53Z")
Hello, I have been using Grafana and Canvas as an industrial supervisory system, and I like it, but there are many things that could be improved. I would like to suggest some points and know if the developers are interes… --- ## [Using multiple-value variable in canvas button post](https://community.grafana.com/t/using-multiple-value-variable-in-canvas-button-post/153704)
**Author:** [@carlosgalindo](https://community.grafana.com/u/carlosgalindo)\ **Replies:** 9\ **Last updated:** [August 7, 2025, 8:58am UTC](https://community.grafana.com/t/using-multiple-value-variable-in-canvas-button-post/153704 "2025-08-07T08:58:47Z")
Hi, I’m having troubles to configure a repeated canvas panel with a button. Repeated panel uses multiple-value varaible called “ids” to create several canvas panels in a row. These panels have a button that post data i… --- ## [Is there a way to generate the elements of canvas plugin?](https://community.grafana.com/t/is-there-a-way-to-generate-the-elements-of-canvas-plugin/148725)
**Author:** [@fercasjr](https://community.grafana.com/u/fercasjr)\ **Replies:** 6\ **Last updated:** [July 31, 2025, 9:31pm UTC](https://community.grafana.com/t/is-there-a-way-to-generate-the-elements-of-canvas-plugin/148725 "2025-07-31T21:31:34Z")
I just saw this video: And I though … there is no way that someone manually added all those elements, at the same time there is no option to dynamically generate the elements inside canvas plugin (Unless I… --- ## [How to expose multiple query results to separate metric boxes?](https://community.grafana.com/t/how-to-expose-multiple-query-results-to-separate-metric-boxes/154502)
**Author:** [@danielegan1966](https://community.grafana.com/u/danielegan1966)\ **Replies:** 0\ **Last updated:** [July 14, 2025, 1:32pm UTC](https://community.grafana.com/t/how-to-expose-multiple-query-results-to-separate-metric-boxes/154502 "2025-07-14T13:32:18Z")
Hello everyone, I am very confused by the canvas control and how to expose the metric box data to separate queries concurrently? I.E. I have query A and query B both with different results (same columns are returned). … --- ## [How to create and use my own SVG icon with animations in Grafana](https://community.grafana.com/t/how-to-create-and-use-my-own-svg-icon-with-animations-in-grafana/147347)
**Author:** [@kasperkorsholmchrist](https://community.grafana.com/u/kasperkorsholmchrist)\ **Replies:** 1\ **Last updated:** [July 5, 2025, 12:12pm UTC](https://community.grafana.com/t/how-to-create-and-use-my-own-svg-icon-with-animations-in-grafana/147347 "2025-07-05T12:12:08Z")
--- ## [🏕️ Grafana Campfire Community Call: Using Canvas Panel 🖼️🖌️](https://community.grafana.com/t/grafana-campfire-community-call-using-canvas-panel/153210)
**Author:** [@usman.ahmad](https://community.grafana.com/u/usman.ahmad)\ **Replies:** 0\ **Last updated:** [June 23, 2025, 4:40pm UTC](https://community.grafana.com/t/grafana-campfire-community-call-using-canvas-panel/153210 "2025-06-23T16:40:24Z")
Dear Community Members :wave: Save the date: 27th June 2025 In our upcoming :grafana: Grafana Campfire :camping: Community Call, we will talk about the Canvas Panel :framed\_picture::paintbrush: We will be joined by 3 … --- ## [How to Auto Scale Text Size in Canva Panel When Panel Size Changes](https://community.grafana.com/t/how-to-auto-scale-text-size-in-canva-panel-when-panel-size-changes/150021)
**Author:** [@infofcc3](https://community.grafana.com/u/infofcc3)\ **Replies:** 1\ **Last updated:** [June 5, 2025, 6:00am UTC](https://community.grafana.com/t/how-to-auto-scale-text-size-in-canva-panel-when-panel-size-changes/150021 "2025-06-05T06:00:55Z")
Hello team, I’m trying to create a design where the text inside a Canva panel automatically adjusts its size when the panel is resized. I have a situation where, when I scale the panel (increase or decrease its size), t… --- ## [Enhancing User Experience with Canvas - A Feature Request](https://community.grafana.com/t/enhancing-user-experience-with-canvas-a-feature-request/149125)
**Author:** [@digitalshadow](https://community.grafana.com/u/digitalshadow)\ **Replies:** 0\ **Last updated:** [April 28, 2025, 10:16am UTC](https://community.grafana.com/t/enhancing-user-experience-with-canvas-a-feature-request/149125 "2025-04-28T10:16:57Z")
Hi Grafana Community, I wanted to take a moment to express my gratitude for the amazing Canvas feature. It’s been a game-changer for my project. Currently, I’m using it to build a digital shadow of a power plant, and th… --- ## [Grafana canvas with dynamic background by query field](https://community.grafana.com/t/grafana-canvas-with-dynamic-background-by-query-field/146058)
**Author:** [@ciumagcatalin](https://community.grafana.com/u/ciumagcatalin)\ **Replies:** 2\ **Last updated:** [April 8, 2025, 10:36am UTC](https://community.grafana.com/t/grafana-canvas-with-dynamic-background-by-query-field/146058 "2025-04-08T10:36:45Z")
Hello, I have a canvas where I use an image as background (from an url). I want to dynamically change the image when the user logs in, based on a query field. I tried to use the “Field” option but the image does not re… --- ## [Performance of Canvas Panels](https://community.grafana.com/t/performance-of-canvas-panels/146345)
**Author:** [@ilyazh](https://community.grafana.com/u/ilyazh)\ **Replies:** 0\ **Last updated:** [March 14, 2025, 9:11am UTC](https://community.grafana.com/t/performance-of-canvas-panels/146345 "2025-03-14T09:11:00Z")
Hello, I have a few questions regarding performance of larger canvas panels. We want to create a Canvas panel which holds a lot of elements (\>100) each representing a status of a component. Each element gets a backgroun… --- ## [How to fix Elements on Canvas not resizing properly](https://community.grafana.com/t/how-to-fix-elements-on-canvas-not-resizing-properly/139211)
**Author:** [@infofcc3](https://community.grafana.com/u/infofcc3)\ **Replies:** 2\ **Last updated:** [March 5, 2025, 7:43pm UTC](https://community.grafana.com/t/how-to-fix-elements-on-canvas-not-resizing-properly/139211 "2025-03-05T19:43:10Z")
Steps for Resizing Elements on Canvas in Grafana: Add a Canvas Panel to Your Dashboard: Open Grafana and navigate to the dashboard where you want to add a Canvas panel. Click on the “+” button on the left sidebar to a… --- ## [How to create a Custom element in Grafana Canvas Panel](https://community.grafana.com/t/how-to-create-a-custom-element-in-grafana-canvas-panel/116561)
**Author:** [@rsm](https://community.grafana.com/u/rsm)\ **Replies:** 7\ **Last updated:** [March 4, 2025, 5:09pm UTC](https://community.grafana.com/t/how-to-create-a-custom-element-in-grafana-canvas-panel/116561 "2025-03-04T17:09:20Z")
I’m currently working on creating a new element in canvas panel such as circle. After saving the file in Grafana Installation directory “C:\\Program Files\\GrafanaLabs\\grafana\\public\\app\\features\\canvas\\elements” & importe… --- ## [Floorplan overview with sensor data](https://community.grafana.com/t/floorplan-overview-with-sensor-data/5958)
**Author:** [@kristof](https://community.grafana.com/u/kristof)\ **Replies:** 6\ **Last updated:** [February 10, 2025, 5:48pm UTC](https://community.grafana.com/t/floorplan-overview-with-sensor-data/5958 "2025-02-10T17:48:02Z")
I have set up a sensor in 7 different rooms of a building. How is it possible to draw an image of the floorplan and to show the sensor data of these buildings on this image using grafana? --- ## [How to access data links on a canvas element?](https://community.grafana.com/t/how-to-access-data-links-on-a-canvas-element/143099)
**Author:** [@gammal](https://community.grafana.com/u/gammal)\ **Replies:** 1\ **Last updated:** [February 8, 2025, 8:45pm UTC](https://community.grafana.com/t/how-to-access-data-links-on-a-canvas-element/143099 "2025-02-08T20:45:31Z")
In the Canvas panel, it’s possible to attach multiple data links to a canvas element, where clicking the element opens the first link. Is there any way I can access the other links? They don’t seem to be accessible at … --- ## [Clickable links in Canvas panel elements](https://community.grafana.com/t/clickable-links-in-canvas-panel-elements/82254)
**Author:** [@markstokosa](https://community.grafana.com/u/markstokosa)\ **Replies:** 8\ **Last updated:** [February 1, 2025, 6:37am UTC](https://community.grafana.com/t/clickable-links-in-canvas-panel-elements/82254 "2025-02-01T06:37:21Z")
What Grafana version and what operating system are you using? Grafana v9.4.0beta1 (1b0f5f0a81) on Ubuntu 20.04.5 LTS What are you trying to achieve? Create clickable links within a Canvas panel How are you tryi… --- ## [How to set dynamic coloring in canvas panel of grafana](https://community.grafana.com/t/how-to-set-dynamic-coloring-in-canvas-panel-of-grafana/139043)
**Author:** [@infofcc3](https://community.grafana.com/u/infofcc3)\ **Replies:** 1\ **Last updated:** [February 1, 2025, 6:32am UTC](https://community.grafana.com/t/how-to-set-dynamic-coloring-in-canvas-panel-of-grafana/139043 "2025-02-01T06:32:31Z")
Steps to create dynamic coloring for elements Step 1: Create a new grafana visualization and add canvas panel Step 2: Now select select the element on which you have to apply dynamic coloring Set thresholds as per … --- ## [Elements on Canvas not resizing properly](https://community.grafana.com/t/elements-on-canvas-not-resizing-properly/82594)
**Author:** [@skvarcmatevz](https://community.grafana.com/u/skvarcmatevz)\ **Replies:** 8\ **Last updated:** [February 1, 2025, 6:28am UTC](https://community.grafana.com/t/elements-on-canvas-not-resizing-properly/82594 "2025-02-01T06:28:27Z")
What Grafana version and what operating system are you using? Grafana v9.3.6 ; Raspbian What are you trying to achieve? The ability to merge elements with photo so you can resize both at the same time What happ… --- ## [Grafana Panel with Lines and Multiple Sources](https://community.grafana.com/t/grafana-panel-with-lines-and-multiple-sources/140058)
**Author:** [@vzlatevbul](https://community.grafana.com/u/vzlatevbul)\ **Replies:** 0\ **Last updated:** [January 12, 2025, 8:46am UTC](https://community.grafana.com/t/grafana-panel-with-lines-and-multiple-sources/140058 "2025-01-12T08:46:25Z")
I am part of rocketry team in university and my task is to create a Grafana Dashboard that connects to our control systems physical panel and tracks logs like pressure and temperature from sensor, but can also control th… --- ## [How to set threshold for string metric background color of in Canvas](https://community.grafana.com/t/how-to-set-threshold-for-string-metric-background-color-of-in-canvas/139099)
**Author:** [@infofcc3](https://community.grafana.com/u/infofcc3)\ **Replies:** 0\ **Last updated:** [December 26, 2024, 12:58pm UTC](https://community.grafana.com/t/how-to-set-threshold-for-string-metric-background-color-of-in-canvas/139099 "2024-12-26T12:58:32Z")
In Grafana, you can create custom visualizations by setting thresholds based on specific conditions. While thresholds are typically set using numerical values, it is possible to define thresholds based on string values, … --- ## [How to set threshold background color of string metric in Canvas plugin?](https://community.grafana.com/t/how-to-set-threshold-background-color-of-string-metric-in-canvas-plugin/82999)
**Author:** [@mgeriesa](https://community.grafana.com/u/mgeriesa)\ **Replies:** 3\ **Last updated:** [December 26, 2024, 1:00pm UTC](https://community.grafana.com/t/how-to-set-threshold-background-color-of-string-metric-in-canvas-plugin/82999 "2024-12-26T13:00:42Z")
What Grafana version and what operating system are you using? “version”: “9.3.0-beta.1” What are you trying to achieve? Use Canvas plugin and I need to add background color for string metric. The color is changed acc… [Next page](https://community.grafana.com/tag/canvas-plugin/204.md?match_all_tags=true&page=1&tags%5B%5D=canvas-plugin)