kibana/docs/user/dashboard/edit-dashboards.asciidoc
Kaarina Tungseth c77619352b
[DOCS] 7.10 Core UI changes (#80407)
* [DOCS] 7.10 screenCore UI changes

* Kibana access options

* Removed Kibana from Set up Kibana

* Removed rogue symbols

* Update docs/spaces/index.asciidoc

Co-authored-by: gchaps <33642766+gchaps@users.noreply.github.com>

* Update docs/management/managing-beats.asciidoc

Co-authored-by: gchaps <33642766+gchaps@users.noreply.github.com>

* Review comments

* Update docs/user/introduction.asciidoc

Co-authored-by: gchaps <33642766+gchaps@users.noreply.github.com>

* Review comments

* Changed menu to main menu

Co-authored-by: gchaps <33642766+gchaps@users.noreply.github.com>
2020-10-22 09:06:51 -05:00

115 lines
4.2 KiB
Text

[[edit-dashboards]]
== Edit dashboards
Now that you have added panels to your dashboard, you can add filter panels to interact with the data, and Markdown panels to add context to the dashboard.
To make your dashboard look the way you want, use the editing options.
[float]
[[add-controls]]
=== Add controls
To filter the data on your dashboard in real-time, add a *Controls* panel.
You can add two types of *Controls*:
* Options list — Filters content based on one or more specified options. The dropdown menu is dynamically populated with the results of a terms aggregation.
For example, use the options list on the sample flight dashboard when you want to filter the data by origin city and destination city.
* Range slider — Filters data within a specified range of numbers. The minimum and maximum values are dynamically populated with the results of a
min and max aggregation. For example, use the range slider when you want to filter the sample flight dashboard by a specific average ticket price.
[role="screenshot"]
image::images/dashboard-controls.png[]
To configure *Controls* for your dashboard:
. Click *Options*, then configure the following:
* *Update Kibana filters on each change* &mdash; When selected, all interactive inputs create filters that refresh the dashboard. When unselected,
{kib} filters are created only when you click *Apply changes*.
* *Use time filter* &mdash; When selected, the aggregations that generate the options list and time range are connected to the <<set-time-filter,time filter>>.
* *Pin filters to global state* &mdash; When selected, all filters created by interacting with the inputs are automatically pinned.
. Click *Update*.
[float]
[[add-markdown]]
=== Add Markdown
*Markdown* is a text entry field that accepts GitHub-flavored Markdown text. When you enter the text, the tool populates the results on the dashboard.
Use Markdown when you want to add context to the other panels on your dashboard, such as important information, instructions and images.
For information about GitHub-flavored Markdown text, click *Help*.
For example, when you enter:
[role="screenshot"]
image::images/markdown_example_1.png[]
The following instructions are displayed:
[role="screenshot"]
image::images/markdown_example_2.png[]
Or when you enter:
[role="screenshot"]
image::images/markdown_example_3.png[]
The following image is displayed:
[role="screenshot"]
image::images/markdown_example_4.png[]
[float]
[[arrange-panels]]
[[moving-containers]]
[[resizing-containers]]
=== Arrange panels
To make your dashboard panels look exactly how you want, you can move, resize, customize, and delete them.
Put the dashboard in *Edit* mode, then use the following options:
* To move, click and hold the panel header, then drag to the new location.
* To resize, click the resize control, then drag to the new dimensions.
* To delete, open the panel menu, then select *Delete from dashboard*. When you delete a panel from the dashboard, the
visualization or saved search from the panel is still available in Kibana.
[float]
[[clone-panels]]
=== Clone panels
To duplicate a panel and its configured functionality, clone the panel. Cloned panels support all of the original functionality,
including renaming, editing, and cloning.
. Put the dashboard in *Edit* mode.
. For the panel you want to clone, open the panel menu, then select *Clone panel*.
Cloned panels appear beside the original, and move other panels down to make room when necessary.
All cloned visualization panels appear in the visualization list.
[role="screenshot"]
image:images/clone_panel.gif[clone panel]
[float]
[[dashboard-customize-filter]]
=== Customize time ranges
You can configure each visualization, saved search, and map on your dashboard
for a specific time range. For example, you might want one visualization to show
the monthly trend for CPU usage and another to show the current CPU usage.
From the panel menu, select *Customize time range* to expose a time filter
dedicated to that panel. Panels that are not restricted by a specific
time range are controlled by the
<<set-time-filter,time filter>>.
[role="screenshot"]
image:images/time_range_per_panel.gif[Time range per dashboard panel]