[Docs] Add visuals to the Use and Filter Dashboards page (#193489)

## Summary

Added screenshots and gifs to the [Use and Filter
Dashboards](https://www.elastic.co/guide/en/kibana/master/_use_and_filter_dashboards.html)
page as part of the ongoing project to add more visuals to the
Dashboards docs.

Rel:[#457](https://github.com/elastic/platform-docs-team/issues/457) and
[#466](https://github.com/elastic/platform-docs-team/issues/466)
This commit is contained in:
wajihaparvez 2024-09-23 11:54:27 -04:00 committed by GitHub
parent 92da1767f3
commit 1cd0531a6a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 14 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

View file

@ -78,6 +78,9 @@ The *Exists* query returns all documents that contain an indexed value for the f
. To display only the options you selected in the dropdown, click image:images/dashboard_showOnlySelectedOptions_8.3.0.png[The icon to display only the options you have selected in the Options list].
[role="screenshot"]
image::images/dashboard_controlsOptionsList_8.7.0.png[Options list control]
[float]
[[filter-the-data-with-range-slider-controls]]
==== Filter the data with Range slider controls
@ -91,6 +94,9 @@ The dashboard displays only the data for the range of values you specified.
. To clear the specified values, click image:images/dashboard_controlsClearSelections_8.3.0.png[The icon to clear all specified values in the Range slider].
[role="screenshot"]
image::images/dashboard_controlsRangeSlider_8.3.0.png[Range slider control]
[float]
[[filter-the-data-with-time-slider-controls]]
==== Filter the data with time slider controls
@ -106,9 +112,17 @@ Filter the data within a specified range of time.
. To clear the specified values, click image:images/dashboard_controlsClearSelections_8.3.0.png[The icon to clear all specified values in the Range slider].
[role="screenshot"]
image::images/dashboard_timeSliderControl_8.7.0.gif[Time slider control]
[float]
=== Use filter pills
Use filter pills to focus in on the specific data you want.
[role="screenshot"]
image::images/dashboard_filter_pills_8.15.0.png[Filter pills, width=50%]
[float]
==== Add pills by interacting with visualizations