From 37562bad92de0fde0683fee0236dfa3feefeb944 Mon Sep 17 00:00:00 2001 From: "grafana-delivery-bot[bot]" <132647405+grafana-delivery-bot[bot]@users.noreply.github.com> Date: Mon, 13 May 2024 11:16:17 -0400 Subject: [PATCH] [v10.2.x] docs: add canvas button example play link (#87727) docs: add canvas button example play link (#87462) (cherry picked from commit 788c50527fb7a327679bce09ad886ce83eb9445a) Co-authored-by: David Allen --- .../panels-visualizations/visualizations/canvas/index.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/docs/sources/panels-visualizations/visualizations/canvas/index.md b/docs/sources/panels-visualizations/visualizations/canvas/index.md index 1e69ccfeaa5..ed004eb4f1c 100644 --- a/docs/sources/panels-visualizations/visualizations/canvas/index.md +++ b/docs/sources/panels-visualizations/visualizations/canvas/index.md @@ -67,6 +67,8 @@ A button click will only trigger an API call when [inline editing](#inline-editi {{< video-embed src="/media/docs/grafana/2023-20-10-Canvas-Button-Element-Enablement-Video.mp4" max-width="750px" caption="Canvas button element demo" >}} +{{< docs/play title="Canvas Visualization: Buttons" url="https://play.grafana.org/d/c9ea65f5-ed5a-45cf-8fb7-f82af7c3afdf/" >}} + ## Connections When building a canvas, you can connect elements together to create more complex visualizations. Connections are created by dragging from the connection anchor of one element to the connection anchor of another element. You can also create connections to the background of the canvas. Connection anchors are displayed when you hover over an element and inline editing is turned on. To remove a connection, simply click on the connection directly and then press the "Delete" or "Backspace" key.