Skip to content

Commit 5b8ffd6

Browse files
authored
[Docs] Update dashboard docs for hover actions (#204844)
## Summary Updated instructions and visuals for the new hover actions feature. Also came across a mention of the Replace panel action and removed it ([#178596](#178596)). Rel: [#182535](#182535) and [#596](elastic/platform-docs-team#596) Closes: [#580](elastic/platform-docs-team#580)
1 parent b746c39 commit 5b8ffd6

16 files changed

+62
-73
lines changed

docs/user/dashboard/create-dashboards.asciidoc

Lines changed: 9 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@ image::images/add_content_to_dashboard_8.15.0.png[Options to add content to your
5656
.. Click *Apply*.
5757
+
5858
[role="screenshot"]
59-
image::https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt532d6c9ca72817d6/66f31b1f80b55f3a20e1a329/dashboard_settings_8.15.0.gif[Change and apply dashboard settings, width 30%]
59+
image::https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt4a6e9807f1fac9f8/6750ee9cef6d5a250c229e50/dashboard-settings-8.17.0.gif[Change and apply dashboard settings, width 30%]
6060

6161
. Click **Save** to save the dashboard.
6262

@@ -74,14 +74,14 @@ TIP: When looking for a specific dashboard, you can filter them by tag or by cre
7474
. Make sure that you are in **Edit** mode to be able to make changes to the dashboard. You can switch between **Edit** and **View** modes from the toolbar.
7575
+
7676
[role="screenshot"]
77-
image::https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/bltf75cdb828cef8b5a/66f5cfcfad4f59f38b73ba64/switch-to-view-mode-8.15.0.gif[Switch between Edit and View modes, width 30%]
77+
image::https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt619b284e92c2be27/6750f3a512a5eae780936fe3/switch-to-view-mode-8.17.0.gif[Switch between Edit and View modes, width 30%]
7878
. Make the changes that you need to the dashboard:
7979

8080
** Adjust the dashboard's settings
8181
** <<panels-editors,Add, remove, move, or edit panels>>
8282
** <<add-controls,Change the available controls>>
8383
[[save-dashboards]]
84-
. **Save** the dashboard. You can then leave the **Edit** mode and *Switch to view mode*.
84+
. **Save** the dashboard. You automatically switch to *View* mode upon saving.
8585

8686
NOTE: Managed dashboards can't be edited directly, but you can <<duplicate-dashboards,duplicate>> them and edit these duplicates.
8787

@@ -98,7 +98,7 @@ NOTE: Once changes are saved, you can no longer revert them in one click, and in
9898

9999
+
100100
[role="screenshot"]
101-
image::https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/bltcd3dbda9caf48a9b/66f4957fc9f9c71ce7533774/reset-dashboard-8.15.0.gif[Reset dashboard to revert unsaved changes, width 30%]
101+
image::https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blte0c08bede75b3874/6750f5566cdeea14b273b048/reset-dashboard-8.17.0.gif[Reset dashboard to revert unsaved changes, width 30%]
102102

103103
include::dashboard-controls.asciidoc[leveloffset=-1]
104104

@@ -116,11 +116,11 @@ Compare the data in your panels side-by-side, organize panels by priority, resiz
116116

117117
In the toolbar, click *Edit*, then use the following options:
118118

119-
* To move, click and hold the panel header, then drag to the new location.
119+
* To move, hover over the panel, click and hold image:images/move-control.png[The move control icon, width=4%], then drag to the new location.
120120

121121
* To resize, click the resize control, then drag to the new dimensions.
122122

123-
* To maximize to full screen, open the panel menu, then click *More > Maximize*.
123+
* To maximize to full screen, open the panel menu and click *Maximize*.
124124
+
125125
TIP: If you <<share-the-dashboard,share>> a dashboard while viewing a full screen panel, the generated link will directly open the same panel in full screen mode.
126126

@@ -138,23 +138,20 @@ Duplicated panels appear next to the original panel, and move the other panels t
138138

139139
. In the toolbar, click *Edit*.
140140

141-
. Open the panel menu, then select *Duplicate*.
142-
+
143-
[role="screenshot"]
144-
image::images/duplicate-panels-8.15.0.png[Duplicate a panel, width=50%]
141+
. Open the panel menu and select *Duplicate*.
145142

146143
[float]
147144
[[copy-to-dashboard]]
148145
==== Copy panels
149146

150147
Copy panels from one dashboard to another dashboard.
151148

152-
. Open the panel menu, then select *More > Copy to dashboard*.
149+
. Open the panel menu and select *Copy to dashboard*.
153150

154151
. On the *Copy to dashboard* window, select the dashboard, then click *Copy and go to dashboard*.
155152
+
156153
[role="screenshot"]
157-
image:https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt64206db263cf5514/66f49286833cffb09bebd18d/copy-to-dashboard-8.15.0.gif[Copy a panel to another dashboard, width 30%]
154+
image:https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt48304cb3cd1ee2e6/6753879eb7c4663812148d47/copy-to-dashboard-8.17.0.gif[Copy a panel to another dashboard, width 30%]
158155

159156
[[duplicate-dashboards]]
160157
== Duplicate dashboards

docs/user/dashboard/create-visualizations.asciidoc

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -110,7 +110,7 @@ If you created the panel from the *Visualize Library*:
110110

111111
To add unsaved dashboard panels to the *Visualize Library*:
112112

113-
. Open the panel menu, then select *More > Save to library*.
113+
. Open the panel menu and select *Save to library*.
114114

115115
. Enter the panel title, then click *Save*.
116116

@@ -155,7 +155,7 @@ There are three types of *Discover* interactions you can add to dashboard panels
155155
+
156156
To enable panel interactions, configure <<settings-explore-data-in-context,`xpack.discoverEnhanced.actions.exploreDataInContextMenu.enabled`>> in kibana.yml. If you are using 7.13.0 and earlier, panel interactions are enabled by default.
157157
+
158-
To use panel interactions, open the panel menu, then click *Explore underlying data*.
158+
To use panel interactions, open the panel menu and click *Explore underlying data*.
159159

160160
* *Series data interactions* &mdash; Opens the series data in *Discover*.
161161
+
@@ -165,7 +165,7 @@ To use series data interactions, click a data series in the panel.
165165

166166
* *Discover session interactions* &mdash; Opens <<save-your-search,saved Discover session>> data in *Discover*.
167167
+
168-
To use saved Discover session interactions, open the panel menu, then click *More > View Discover session*.
168+
To use saved Discover session interactions, open the panel menu and click *View Discover session*.
169169

170170
[[edit-panels]]
171171
=== Edit panels
@@ -178,15 +178,13 @@ To make changes to the panel, use the panel menu options.
178178

179179
* *Edit visualization* &mdash; Opens the editor so you can make changes to the panel.
180180
+
181-
To make changes without changing the original version, open the panel menu, then click *More > Unlink from library*.
181+
To make changes without changing the original version, open the panel menu and click *Unlink from library*.
182182

183183
* *Convert to Lens* &mdash; Opens *TSVB* and aggregation-based visualizations in *Lens*.
184184

185185
* *Settings* &mdash; Opens the *Settings* window to change the *title*, *description*, and *time range*.
186186

187-
* *More > Replace panel* &mdash; Opens the *Visualize Library* so you can select a new panel to replace the existing panel.
188-
189-
* *More > Delete from dashboard* &mdash; Removes the panel from the dashboard.
187+
* *Remove* &mdash; Removes the panel from the dashboard.
190188
+
191189
If you want to use the panel later, make sure that you save the panel to the *Visualize Library*.
192190

docs/user/dashboard/dashboard-controls.asciidoc

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ image::images/dashboard_controlsRangeSlider_8.3.0.png[Range slider control for t
2323
+
2424
For example, you are using the *[Logs] Web Traffic* dashboard from the sample web logs data, and the global time filter is *Last 7 days*. When you add the time slider, you can click the previous and next buttons to advance the time range backward or forward, and click the play button to watch how the data changes over the last 7 days.
2525
[role="screenshot"]
26-
image::images/dashboard_timeSliderControl_8.7.0.gif[Time slider control for the the Last 7 days]
26+
image::https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt672f3aaadf9ea5a6/6750dd6c2452f972af0a88b4/dashboard_timeslidercontrol_8.17.0.gif[Time slider control for the the Last 7 days]
2727

2828
[float]
2929
[[create-and-add-options-list-and-range-slider-controls]]
@@ -54,10 +54,10 @@ TIP: Range sliders are for Number type fields only.
5454

5555
. Specify the additional settings:
5656

57-
* For option lists:
57+
* For Options lists:
5858

5959
** Define whether users can select multiple values to filter with the control, or only one.
60-
** For option list controls on _string_ and _IP address_ type fields, you can define how the control's embedded search should behave:
60+
** For Options list controls on _string_ and _IP address_ type fields, you can define how the control's embedded search should behave:
6161

6262
*** **Prefix**: Show options that _start with_ the entered value.
6363
*** **Contains**: Show options that _contain_ the entered value. This setting option is only available for _string_ type fields. Results can take longer to show with this option.
-294 KB
Loading
-47.1 KB
Binary file not shown.
4.5 KB
Loading
50.8 KB
Loading
3.52 KB
Loading
4.33 KB
Loading
4.87 KB
Loading

0 commit comments

Comments
 (0)