From 781599d4124b6098f76265c06c5bf090f526a02c Mon Sep 17 00:00:00 2001 From: lwandzura <51929958+lwandzura@users.noreply.github.com> Date: Wed, 2 Nov 2022 13:33:24 -0500 Subject: [PATCH] augmented steps on how to add a cell (#4605) * augmented steps on how to add a cell * add nav info, add options, update UI changes Co-authored-by: Kelly Co-authored-by: kelseiv <47797004+kelseiv@users.noreply.github.com> --- .../dashboards/control-dashboard.md | 71 +++++++++++-------- 1 file changed, 40 insertions(+), 31 deletions(-) diff --git a/content/influxdb/cloud/visualize-data/dashboards/control-dashboard.md b/content/influxdb/cloud/visualize-data/dashboards/control-dashboard.md index 107b13e5c..6004c8958 100644 --- a/content/influxdb/cloud/visualize-data/dashboards/control-dashboard.md +++ b/content/influxdb/cloud/visualize-data/dashboards/control-dashboard.md @@ -10,11 +10,27 @@ menu: weight: 203 --- -Use dashboard controls in the upper left to update your dashboard. +1. In the navigation menu on the left, select **Boards** (**Dashboards**). + + {{< nav-icon "dashboards" >}} + +2. Double-click a dashboard name to open it, and then do any of the following: + - [Add a cell](#add-a-cell) + - [Add a note](#add-a-note) + - [Select a timezone](#select-a-timezone) + - [Manually refresh a dashboard](#manually-refresh-a-dashboard) + - [Automatically refresh a dashboard](#automatically-refresh-a-dashboard) + - [Select the time range](#select-the-time-range) + - [Add variables](#add-variables) + - [View in presentation mode](#view-in-presentation-mode) + - [Toggle dark mode and light mode](#toggle-dark-mode-and-light-mode) ### Add a cell -Click **{{< icon "add-cell" >}} Add Cell** to open the Data Explorer and configure a new cell for your dashboard. +1. Click **{{< icon "add-cell" >}} Add Cell** in the upper left hand corner to open the Data Explorer and configure a new cell for your dashboard. +2. Click **Name this cell** , and enter a cell name. +3. Create and submit your query. +4. Click the **{{< icon "checkmark" >}} check mark** in the upper right hand corner to add the cell to the dashboard. For details on using the Data Explorer, see [Explore metrics](/influxdb/cloud/visualize-data/explore-metrics/). @@ -22,51 +38,44 @@ For details on using the Data Explorer, see [Explore metrics](/influxdb/cloud/vi 1. Click **{{< icon "note" >}} Add Note** to add a note cell to your dashboard. 2. Enter your note in Markdown in the left pane. A preview appears in the right pane. -3. Enable the **Show note when query returns no data** option to show the note only when the query displays no data. -4. Click **Save**. +3. Click **Save**. -### Select timezone +### Select a timezone -Click the timezone dropdown to select a timezone to use for the dashboard. Select either the local time (default) or UTC. +- From the timezone drop-down list, select the timezone to use for the dashboard--**Local** (default) or **UTC**. -{{< img-hd src="/img/influxdb/2-0-controls-timezone.png" alt="Select timezone" />}} + {{< img-hd src="/img/influxdb/2-0-controls-timezone.png" alt="Select timezone" />}} -### Manually refresh dashboard +### Manually refresh a dashboard -Click the refresh button (**{{< icon "refresh" >}}**) to manually refresh the dashboard's data. +- Click the refresh button (**{{< icon "refresh" >}}**) to manually refresh the dashboard's data. -#### Manually a single dashboard cell +### Automatically refresh a dashboard -1. Click the **{{< icon "gear" >}}** on the dashboard cell you want to refresh. -2. Click **{{< icon "refresh" >}} Refresh**. - -### Automatically refresh dashboard - -Click **Enable Auto Refresh**. In the window that appears, configure the following options: - - **Until**: Select **Indefinite** to automatically refresh continuously. Select **Custom** to set a time to stop automatically refreshing. - - **Inactivity Timeout**: Set how long the user should be inactive for the dashboard to time out and stop automatically refreshing. - - **Refresh Interval**: Enter how frequently the dashboard should refresh. - -### Select time range - -1. Select from the time range options in the dropdown menu. - - {{< img-hd src="/img/influxdb/2-0-controls-time-range.png" alt="Select time range" />}} +1. Click **Set Auto Refresh**, and then configure the following options: + - Select **Indefinite** to automatically refresh continuously, or select **Custom** to set a time to stop automatically refreshing. + - **Refresh Interval**: Enter how frequently the dashboard should refresh. + - **Inactivity Timeout**: Set how long the user should be inactive for the dashboard to time out and stop automatically refreshing. +2. Click **Confirm** to save your changes. +### Select the time range +1. Select from the time range options from the list. 2. Select **Custom Time Range** to enter a custom time range with precision up to nanoseconds. The default time range is 5 minutes. - > The custom time range uses the selected timezone (local time or UTC). + {{% note %}} The custom time range uses the selected timezone (local time or UTC). + {{% /note %}} ### Add variables -Click **Variables** to display variables available for your dashboard. For details, see [Use and manage variables](/influxdb/cloud/visualize-data/variables/) +- Click **Show Variables** to display variables available for your dashboard. For details, see [Use and manage variables](/influxdb/cloud/visualize-data/variables/). -### Presentation mode +### View in presentation mode -Click the fullscreen icon (**{{< icon "fullscreen" >}}**) to enter presentation mode. Presentation mode allows you to view [a dashboard] in full screen, hiding the left and top navigation menus so only the cells appear. This mode might be helpful, for example, for stationary screens dedicated to monitoring visualizations. +- Click the ellipsis button, and then select **Presentation Mode** to enter presentation mode. Presentation mode lets you view a dashboard in full screen, hiding the left and top navigation menus so only the cells appear. This mode might be helpful, for example, for stationary screens dedicated to monitoring visualizations. ### Toggle dark mode and light mode -Click the moon or sun icons to toggle your dashboard between **dark mode** and **light mode.** -{{< img-hd src="/img/influxdb/2-0-controls-dark-light-mode.png" alt="Dark & light mode"/>}} +- Click the ellipsis button, and then select the moon or sun icons to toggle your dashboard between **dark mode** and **light mode.** + + {{< img-hd src="/img/influxdb/2-0-controls-dark-light-mode.png" alt="Dark & light mode"/>}}