From 9bf1aa91ada411b9d9947529acf0b268699649e5 Mon Sep 17 00:00:00 2001 From: Nathan Marrs Date: Thu, 4 Jan 2024 17:40:58 -0700 Subject: [PATCH] Docs: Canvas pan / zoom (#79958) Co-authored-by: Isabel <76437239+imatwawana@users.noreply.github.com> --- .../visualizations/canvas/index.md | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/docs/sources/panels-visualizations/visualizations/canvas/index.md b/docs/sources/panels-visualizations/visualizations/canvas/index.md index 1b0b4e41ab1..f5fbcfb542f 100644 --- a/docs/sources/panels-visualizations/visualizations/canvas/index.md +++ b/docs/sources/panels-visualizations/visualizations/canvas/index.md @@ -85,6 +85,18 @@ You can edit your canvas inline while in the context of dashboard mode. {{< video-embed src="/static/img/docs/canvas-panel/canvas-inline-editor-9-2-0.mp4" max-width="750px" caption="Inline editor demo" >}} +### Pan and zoom + +You can enable panning and zooming in a canvas. This allows you to both create and navigate more complex designs. + +{{< docs/public-preview product="Canvas pan and zoom" featureFlag="`canvasPanelPanZoom`" >}} + +{{< figure src="/media/docs/grafana/screenshot-grafana-10-3-canvas-pan-zoom-setting.png" max-width="300px" alt="Canvas pan zoom control" >}} + + + +{{< video-embed src="/media/docs/grafana/screen-recording-grafana-10-3-canvas-pan-zoom-placeholder-video.mp4" max-width="750px" alt="Pan and zoom demo" >}} + ### Context menu The context menu lets you perform common tasks quickly and efficiently. Supported functionality includes opening / closing the inline editor, duplicating an element, deleting an element, and more.