PD-1061 Update Dashboard Tutorial Content

This commit creates new dashboard customization content in the SCALETutorials/Dashboard/_index.md file, and updates the time sync article.

Author: micjohnson777

content/SCALE/SCALETutorials/Dashboard/SCALETimeSync.md

@@ -12,7 +12,7 @@ This function does not correct time differences over 30 days out of alignment.
 
 The **System Information** widget on the **[Dashboard]({{< relref "/SCALE/SCALEUIReference/SCALEDashboard.md" >}})** displays a message and provides an icon button that executes the time-synchronization operation only when SCALE detects a discrepancy between SCALE and system server time.
 
-![DashboardSytemInfoWidgetTimeSync](/images/SCALE/Dashboard/DashboardSytemInfoWidgetTimeSync.png "System Information Widget with Time Sync")
+![DashboardSytemInfoWidgetTimeSync](/images/SCALE/Dashboard/DashboardSytemInfoWidgetTimeSync.png "System Information Widget with Time Sync") change image
 
 Click the **Synchronize Time** <span class="material-icons">loop</span> icon button to initiate the time-synchronization operation.
 
@@ -22,13 +22,16 @@ If your time is off by more than 30 days, TrueNAS SCALE does not allow you to sy
 * The BIOS timezone is incorrect
 * The motherboard CMOS battery is failing
 
-To check the BIOS timezone, reboot your system. During boot, press the indicated key that takes you to the BIOS setup screen. The key varies by manufacturer (<kbd>F2</kbd>, <kbd>Delete</kbd>, <kbd>Esc</kbd>, etc.). If you do not know which key to use, check the manufacturer documentation for your server.
+To check the BIOS timezone, reboot your system. During boot, press the indicated key that takes you to the BIOS setup screen.
+The key varies by manufacturer (<kbd>F2</kbd>, <kbd>Delete</kbd>, <kbd>Esc</kbd>, etc.).
+If you do not know which key to use, check the manufacturer documentation for your server.
 
 After you enter the BIOS setup, ensure the timezone is UTC. If not, set it to UTC, save the configuration changes, and reboot the system.
 
-A dying motherboard CMOS battery can also cause the system clock to be incorrect. If you intend to replace your CMOS, be sure to follow [electrostatic discharge (ESD) safety measures](https://www.wikihow.com/Ground-Yourself-to-Avoid-Destroying-a-Computer-with-Electrostatic-Discharge). 
+A dying motherboard CMOS battery can also cause the system clock to be incorrect.
+If you intend to replace your CMOS, be sure to follow [electrostatic discharge (ESD) safety measures](https://www.wikihow.com/Ground-Yourself-to-Avoid-Destroying-a-Computer-with-Electrostatic-Discharge). 
 {{< /expand >}}
 
-{{< expand "I corrected my system time issue. Why won't my apps start?" "v" >}}
+{{< expand "I corrected my system time issue, but my apps do not start?" "v" >}}
 If you corrected your system time issues (changed BIOS time, replaced CMOS, etc.) and your apps do not start, ensure all apps have their timezones set to *'UTC' timezone*.
 {{< /expand >}}

content/SCALE/SCALETutorials/Dashboard/_index.md

@@ -1,14 +1,77 @@
 ---
 title: Dashboard
-description: "Tutorials related to using the TrueNAS SCALE Dashboard."
+description: "Tutorials related to using the TrueNAS SCALE Dashboard. Includes instructions on customizing the Dashboard by moving, adding, editing, or deleting dashboard widgets."
 geekdocCollapseSection: true
 weight: 4
 tags:
 - dashboard
 related: false
 ---
 
-This section contains tutorials involving the [SCALE Dashboard]({{< relref "SCALEDashboard.md" >}}).
+This section contains tutorials for the [main Dashboard]({{< relref "SCALEDashboard.md" >}}).
+
+## Customizing the Dashboard
+You can customize the main **Dashboard** by moving, adding, or deleting widgets.
+
+Click **Configure** to put the **Dashboard** into configuration mode.
+
+While in configuration mode all widgets show as widget groups that are surronded by dotted line boxes. Each widget group includes a drag handle, and the edit and delete icon buttons.
+
+### Moving a Widget
+To move a widget to a new position on the **Dashboard** screen, click **Configure** to put the screen into configuration mode.
+
+Locate the widget you want to reposition.
+
+Click on and hold the drag handle at the top center of the widget group, then drag the widget to the desired position on the screen.
+The moved widget shifts the widget at the screen position one position to either the right or left based on the position on the **Dashboard** screen.
+
+After moving widgets, click **Save** at the top right of the screen to exist configuration mode and show widgets in the new positions.
+
+### Adding or Editing a Widget
+You can add new widgets to the dashboard or change existing widgets to a new layout, category, or type.
+
+1. Click **Configure** at the top right of the screen to put the screen into configuration mode.
+   
+   If adding a new widget, click **Add** to open the **Widget Editor** with no existing layout or other settings.
+
+   If changing an existing widget, locate the widget group on the screen, then click **Edit** at the top right of that widget group to open the **Widget Editor** with the layout and settings for that widget group.
+
+2. Click on the layout image you want to use. The image on the screen show the new widget layout.
+   
+   If adding a new widget, the default layout is full size with the category and type set to **Empty**.
+
+   If editing an existing widget, the current layout changes to show the existing category and type in the first widget of the new layout.
+   An error shows in the selected widget of the group if the widget size does not support the selected category and type.
+
+3. Select the widget in the group you want to add or change.
+   If the layout includes half and/or quarter size widgets, the first widget in the group is selected by default.
+
+   If not configuring the default widget, select the widget size (half or quarter size) and postion in the group you want to configure.
+
+4. Select the **Widget Category** and **Widget Type** to apply to the selected widget.
+   For example, if configuring a network widget, you can use one full size layout or select one with half and quarter size widgets.
+   The example below shows two layout options for configuring a network widget.
+
+   {{< trueimage src="/images/SCALE/Dashboard/DashboardNetworkWidgetGroupOptions.png" alt="Widget Group Options for Network" id="Widget Group Options for Network" >}}
+
+   If the selected category is not supported for the selected widget, either select a new layout or change the **Widget Category** and/or **Widget Type** to one the widget supports.
+
+5. (Optional) Edit the next widget in the widget group for the selected layout.
+   After adding or changing the widget category and type, either click on the next widget in the group to configure it.
+   
+6. Click **Save** to close the **Widget Editor** and return to the **Dashboard**. 
+   
+   Edit or add as many widgets as you want.
+
+7. Click **Save** at the top right of the **Dashboard** screen to save all changes and exit configuration mode.
+   To exit configuration mode without saving changes, click **Cancel**.
+
+### Deleting a Widget
+To delete a widget from the **Dashboard** screen, click **Configure** to put the screen into configuration mode.
+
+Click the **Delete** icon in the widget group for the widget you want to delete. The widget no longer shows on the screen.
+
+Click **Save** at the top right of the screen. The screen exits configuration mode and the **Dashboard** no longer shows the widget.
 
 <div class="noprint">
 
@@ -17,3 +80,4 @@ This section contains tutorials involving the [SCALE Dashboard]({{< relref "SCAL
 {{< children sort="name" depth="2" description="true" >}}
 
 </div>
+