diff --git a/docs/dashboard.asciidoc b/docs/dashboard.asciidoc index 4b748f4ba5871..e62ddc7af777e 100644 --- a/docs/dashboard.asciidoc +++ b/docs/dashboard.asciidoc @@ -3,12 +3,16 @@ [partintro] -- -A Kibana _dashboard_ displays a collection of saved visualizations. You can -arrange and resize the visualizations as needed and save dashboards so -they be reloaded and shared. +A Kibana _dashboard_ displays a collection of saved visualizations. -.Sample dashboard +.Sample dashboard. image:images/tutorial-dashboard.png[Example dashboard] + +In edit mode you can arrange and resize the visualizations as needed and save dashboards so +they be reloaded and shared. + +.Edit mode +image:images/Dashboard-Tutorial-Edit-Mode.png[Example dashboard in edit mode] -- [[dashboard-getting-started]] @@ -17,16 +21,23 @@ image:images/tutorial-dashboard.png[Example dashboard] To build a dashboard: . Click *Dashboard* in the side navigation. If you haven't previously viewed a -dashboard, Kibana displays an empty dashboard. Otherwise, click *New* to start -building your dashboard. +dashboard, Kibana displays a landing page where you can click *+*. +Otherwise, click the *Dashboard* breadcrumb to navigate back to the landing page. + -image:images/NewDashboard.png[New Dashboard] +image:images/Dashboard-Landing-Page.png[Dashboard Landing Page] [[adding-visualizations-to-a-dashboard]] -. To add a visualization to the dashboard, click *Add* and select the +. To add a visualization to the dashboard, click *Edit* mode. +Brand new dashboards will be in *Edit* mode automatically. ++ +image:images/Dashboard-View-Mode.png[Dashboard View Mode] + +. Once in Edit mode, click *Add* and select the visualization. If you have a large number of visualizations, you can enter a *Filter* string to filter the list. + +image:images/Dashboard-Edit-Mode.png[Dashboard Edit Mode] ++ Kibana displays the selected visualization in a container on the dashboard. If you see a message that the container is too small, you can <>. @@ -48,7 +59,7 @@ dashboard: [[customizing-your-dashboard]] === Arranging Dashboard Elements -The visualizations in your dashboard are stored in resizable, moveable containers. +In *Edit Mode*, visualizations in your dashboard are stored in resizable, moveable containers. [float] [[moving-containers]] @@ -114,6 +125,7 @@ corner of the container. To open a visualization in the Visualization Editor: +. Enter Edit Mode. . Hover over it to display the container controls. . Click the *Edit* button in the upper right corner of the container. diff --git a/docs/images/Dashboard-Edit-Mode.png b/docs/images/Dashboard-Edit-Mode.png new file mode 100644 index 0000000000000..bbaffca323583 Binary files /dev/null and b/docs/images/Dashboard-Edit-Mode.png differ diff --git a/docs/images/Dashboard-Landing-Page.png b/docs/images/Dashboard-Landing-Page.png new file mode 100644 index 0000000000000..46c7825943de5 Binary files /dev/null and b/docs/images/Dashboard-Landing-Page.png differ diff --git a/docs/images/Dashboard-Tutorial-Edit-Mode.png b/docs/images/Dashboard-Tutorial-Edit-Mode.png new file mode 100644 index 0000000000000..d1b8480bce9f6 Binary files /dev/null and b/docs/images/Dashboard-Tutorial-Edit-Mode.png differ diff --git a/docs/images/Dashboard-View-Mode.png b/docs/images/Dashboard-View-Mode.png new file mode 100644 index 0000000000000..d4ddce23f0342 Binary files /dev/null and b/docs/images/Dashboard-View-Mode.png differ diff --git a/docs/images/tutorial-dashboard.png b/docs/images/tutorial-dashboard.png index 5a78b9f443797..cf660dd92a912 100644 Binary files a/docs/images/tutorial-dashboard.png and b/docs/images/tutorial-dashboard.png differ