From 2fd873886a9bbb3de048b881856199b6594db36b 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:17:35 -0400 Subject: [PATCH] [v10.4.x] docs: add canvas button example play link (#87729) 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 4b9cd1f3e80..8a52b6d4a9d 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.