diff --git a/docs/sources/dashboards/use-dashboards/index.md b/docs/sources/dashboards/use-dashboards/index.md index 9753b8884df..db62eb9793a 100644 --- a/docs/sources/dashboards/use-dashboards/index.md +++ b/docs/sources/dashboards/use-dashboards/index.md @@ -29,26 +29,26 @@ The following image and descriptions highlights all dashboards features. {{< figure src="/media/docs/grafana/dashboards/screenshot-dashboard-annotated-9-5-0.png" width="700px" >}} -- **Grafana home** (1): Click **Home** in the breadcrumb to be redirected to the home page configured in the Grafana instance. -- **Dashboard title** (2): When you click the dashboard title you can search for dashboard contained in the current folder. -- **Share dashboard or panel** (3): Use this option to share the current dashboard or panel by link or snapshot. You can also export the dashboard definition from the share modal. -- **Add** (4): Use this option to add a panel, dashboard row, or library panel to the current dashboard. -- **Save dashboard** (5): Click to save changes to your dashboard. -- **Dashboard insights** (6): Click to view analytics about your dashboard including information about users, activity, query counts. -- **Dashboard settings** (7): Use this option to change dashboard name, folder, and tags and manage variables and annotation queries. For more information about dashboard settings, refer to [Modify dashboard settings]({{< relref "../build-dashboards/modify-dashboard-settings/" >}}). -- **Time picker dropdown** (8): Click to select relative time range options and set custom absolute time ranges. +- (1) **Grafana home**: Click **Home** in the breadcrumb to be redirected to the home page configured in the Grafana instance. +- (2) **Dashboard title**: When you click the dashboard title you can search for dashboard contained in the current folder. +- (3) **Share dashboard or panel**: Use this option to share the current dashboard or panel by link or snapshot. You can also export the dashboard definition from the share modal. +- (4) **Add**: Use this option to add a panel, dashboard row, or library panel to the current dashboard. +- (5) **Save dashboard**: Click to save changes to your dashboard. +- (6) **Dashboard insights**: Click to view analytics about your dashboard including information about users, activity, query counts. +- (7) **Dashboard settings**: Use this option to change dashboard name, folder, and tags and manage variables and annotation queries. For more information about dashboard settings, refer to [Modify dashboard settings]({{< relref "../build-dashboards/modify-dashboard-settings/" >}}). +- (8) **Time picker dropdown**: Click to select relative time range options and set custom absolute time ranges. - You can change the **Timezone** and **fiscal year** settings from the time range controls by clicking the **Change time settings** button. - Time settings are saved on a per-dashboard basis. -- **Zoom out time range** (9): Click to zoom out the time range. For more information about how to use time range controls, refer to [Common time range controls]({{< relref "#common-time-range-controls" >}}). -- **Refresh dashboard** (10): Click to immediately trigger queries and refresh dashboard data. -- **Refresh dashboard time interval** (11): Click to select a dashboard auto refresh time interval. -- **View mode** (12): Click to display the dashboard on a large screen such as a TV or a kiosk. View mode hides irrelevant information such as navigation menus. For more information about view mode, refer to [How to Create Kiosks to Display Dashboards on a TV](https://grafana.com/blog/2019/05/02/grafana-tutorial-how-to-create-kiosks-to-display-dashboards-on-a-tv/). -- **Dashboard panel** (13): The primary building block of a dashboard is the panel. To add a new panel, dashboard row, or library panel, click **Add panel**. +- (9) **Zoom out time range**: Click to zoom out the time range. For more information about how to use time range controls, refer to [Common time range controls]({{< relref "#common-time-range-controls" >}}). +- (10) **Refresh dashboard**: Click to immediately trigger queries and refresh dashboard data. +- (11) **Refresh dashboard time interval**: Click to select a dashboard auto refresh time interval. +- (12) **View mode**: Click to display the dashboard on a large screen such as a TV or a kiosk. View mode hides irrelevant information such as navigation menus. For more information about view mode, refer to [How to Create Kiosks to Display Dashboards on a TV](https://grafana.com/blog/2019/05/02/grafana-tutorial-how-to-create-kiosks-to-display-dashboards-on-a-tv/). +- (13) **Dashboard panel**: The primary building block of a dashboard is the panel. To add a new panel, dashboard row, or library panel, click **Add panel**. - Library panels can be shared among many dashboards. - To move a panel, drag the panel header to another location. - To resize a panel, click and drag the lower right corner of the panel. -- **Graph legend** (14): Change series colors, y-axis and series visibility directly from the legend. -- **Dashboard row** (15): A dashboard row is a logical divider within a dashboard that groups panels together. +- (14) **Graph legend**: Change series colors, y-axis and series visibility directly from the legend. +- (15) **Dashboard row**: A dashboard row is a logical divider within a dashboard that groups panels together. - Rows can be collapsed or expanded allowing you to hide parts of the dashboard. - Panels inside a collapsed row do not issue queries. - Use [repeating rows]({{< relref "../build-dashboards/create-dashboard/#configure-repeating-rows" >}}) to dynamically create rows based on a template variable.