From d208324331f52470a3d483e65929326265058c07 Mon Sep 17 00:00:00 2001 From: samu6851 Date: Thu, 13 Apr 2023 12:45:02 -0700 Subject: [PATCH] Put the numbers before dashboard elements. (#65749) * Put the numbers before dashboard elements. Putting the numbers before the dashboard elements will make finding these easier for our customers as the first thing most people will do is look for the number that corresponds with the number in the photo. * fixed icon name --------- Co-authored-by: Isabel Matwawana Co-authored-by: Isabel <76437239+imatwawana@users.noreply.github.com> --- .../dashboards/use-dashboards/index.md | 30 +++++++++---------- 1 file changed, 15 insertions(+), 15 deletions(-) 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.