Add external dashboard screenshots57171-docs

Adds screenshots to the documentation for increased clarity

5 files changed, 12 insertions, 8 deletions

diff --git a/doc/ci/environments.md b/doc/ci/environments.md
index 367c6e4bb70..bd419965a9c 100644
--- a/doc/ci/environments.md
+++ b/doc/ci/environments.md
@@ -617,9 +617,9 @@ versions of the app, all without leaving GitLab.
 
 ![Monitoring dashboard](img/environments_monitoring.png)
 
-#### Link to external dashboard
+#### Linking to external dashboard
 
-Add a [button to the Monitoring dashboard](../user/project/operations/link_to_external_dashboard.md) linking directly to your existing external dashboards.
+Add a [button to the Monitoring dashboard](../user/project/operations/linking_to_an_external_dashboard.md) linking directly to your existing external dashboards.
 
 ### Web terminals
 
diff --git a/doc/user/project/operations/img/external_dashboard_link.png b/doc/user/project/operations/img/external_dashboard_link.png
new file mode 100644
index 00000000000..4fb8bce7cd0
--- /dev/null
+++ b/doc/user/project/operations/img/external_dashboard_link.png
diff --git a/doc/user/project/operations/img/external_dashboard_settings.png b/doc/user/project/operations/img/external_dashboard_settings.png
new file mode 100644
index 00000000000..8dc380f01e2
--- /dev/null
+++ b/doc/user/project/operations/img/external_dashboard_settings.png
diff --git a/doc/user/project/operations/index.md b/doc/user/project/operations/index.md
index f67e1fe6003..84711d1146f 100644
--- a/doc/user/project/operations/index.md
+++ b/doc/user/project/operations/index.md
@@ -9,4 +9,4 @@ your applications:
 - Discover and view errors generated by your applications with [Error Tracking](error_tracking.md).
 - Create, toggle, and remove [Feature Flags](feature_flags.md). **[PREMIUM]**
 - [Trace](tracing.md) the performance and health of a deployed application. **[ULTIMATE]**
-- Add a [button to the Monitoring dashboard](link_to_external_dashboard.md) linking directly to your existing external dashboards.
+- Add a [button to the Monitoring dashboard](linking_to_an_external_dashboard.md) linking directly to your existing external dashboards.
diff --git a/doc/user/project/operations/link_to_external_dashboard.md b/doc/user/project/operations/linking_to_an_external_dashboard.md
index a8463d64cd3..0371a40a217 100644
--- a/doc/user/project/operations/link_to_external_dashboard.md
+++ b/doc/user/project/operations/linking_to_an_external_dashboard.md
@@ -1,15 +1,19 @@
-# Link to external dashboard **[CORE]**
+# Linking to an external dashboard
 
-> [Introduced](https://gitlab.com/gitlab-org/gitlab-ce/issues/57171) in GitLab 11.11.
+> [Introduced](https://gitlab.com/gitlab-org/gitlab-ce/issues/57171) in GitLab 12.0.
 
 You can add a button to the Monitoring dashboard linking directly to your existing external dashboards.
 
-## Enabling the link to external dashboard
+## Enabling the external dashboard link
 
 1. Go to **Settings > Operations** and scroll to the section titled **External dashboard**.
 
 1. Fill in the URL to your external dashboard and click **Save changes**.
 
+   ![External Dashboard Settings](img/external_dashboard_settings.png)
+
 1. There should now be a button on your
-[Monitoring dashboard](../../../ci/environments.md#monitoring-environments) which
-will open the URL you entered in the above step.
+   [Monitoring dashboard](../../../ci/environments.md#monitoring-environments) which
+   will open the URL you entered in the above step.
+
+   ![External Dashboard Link](img/external_dashboard_link.png)