diff --git a/explore-analyze/images/kibana-markdown-editor-mode.png b/explore-analyze/images/kibana-markdown-editor-mode.png new file mode 100644 index 0000000000..34374ff4a1 Binary files /dev/null and b/explore-analyze/images/kibana-markdown-editor-mode.png differ diff --git a/explore-analyze/images/kibana-markdown-editor-screenshot.png b/explore-analyze/images/kibana-markdown-editor-screenshot.png new file mode 100644 index 0000000000..e96b7b5318 Binary files /dev/null and b/explore-analyze/images/kibana-markdown-editor-screenshot.png differ diff --git a/explore-analyze/images/kibana-markdown-preview-mode.png b/explore-analyze/images/kibana-markdown-preview-mode.png new file mode 100644 index 0000000000..073cdeb53d Binary files /dev/null and b/explore-analyze/images/kibana-markdown-preview-mode.png differ diff --git a/explore-analyze/images/kibana-markdown-preview-screenshot.png b/explore-analyze/images/kibana-markdown-preview-screenshot.png new file mode 100644 index 0000000000..cdfc6e8e40 Binary files /dev/null and b/explore-analyze/images/kibana-markdown-preview-screenshot.png differ diff --git a/explore-analyze/visualize/text-panels.md b/explore-analyze/visualize/text-panels.md index 4a02ea2dab..5316c325ea 100644 --- a/explore-analyze/visualize/text-panels.md +++ b/explore-analyze/visualize/text-panels.md @@ -12,6 +12,51 @@ products: To provide context to your dashboard panels, add **Text** panels that display important information, instructions, images, and more. You can create **Text** panels using GitHub-flavored Markdown text. +:::::{applies-switch} + +::::{applies-item} { stack: ga 9.2, serverless: } +1. From your dashboard, select **Add** => **New panel**. +2. In the **Add panel** flyout, select **Markdown Text**. A Markdown editor appears and lets you configure the information you want to display. +3. Enter your text, then click **Apply**. + +While switching between **Editor** and **Preview** modes, you can keep editing your text. + +For example, in **Editor** mode you enter: + +:::{image} /explore-analyze/images/kibana-markdown-editor-mode.png +:alt: Markdown text with links +:screenshot: +:width: 60% +::: + +The following instructions are displayed in **Preview** mode: + +:::{image} /explore-analyze/images/kibana-markdown-preview-mode.png +:alt: Panel with markdown link text +:screenshot: +:width: 60% +::: + +Or when you enter: + +:::{image} /explore-analyze/images/kibana-markdown-editor-screenshot.png +:alt: Markdown text with image file +:screenshot: +:width: 60% +::: + +The following image is displayed: + +:::{image} /explore-analyze/images/kibana-markdown-preview-screenshot.png +:alt: Panel with markdown image +:screenshot: +:width: 60% +::: + +For detailed information about writing on GitHub, click **Syntax help** on the top-right of the Markdown editor. +:::: + +::::{applies-item} stack: ga 9.0 1. From your dashboard, select **Add panel**. 2. In the **Add panel** flyout, select **Text**. A Markdown editor appears and lets you configure the information you want to display. 3. In the **Markdown** field, enter your text, then click **Update**. @@ -48,4 +93,7 @@ The following image is displayed: ::: For detailed information about writing on GitHub, click **Help** on the top-right of the Markdown editor. +:::: + +:::::