Merge pull request #296 from layer5io/leecalcote/dashboard/custom

Customizing your Organization’s Dashboard

content/en/cloud/self-hosted/white-labeling/_index.md

@@ -15,7 +15,7 @@ The Layer5 Cloud dashboard can be customized with your own branding, including y
 {{< cardpane >}}
 {{% card header="Dashboard Example" footer="<i>Example: Cloudfire branding on Dashboard</i>" %}}
 This example includes a custom branding with colors and full-sized logo.
-![custom-branding-dashboard-cloudfire.pngmake ](./images/custom-branding-dashboard-cloudfire.png)
+![custom-branding-dashboard-cloudfire.png ](./images/custom-branding-dashboard-cloudfire.png)
 {{% /card %}}
 {{% card header="Dashboard Mobile Example" footer="<i>Example: Cloudfire branding in Catalog</i>" %}}
 This example includes a custom branding with colors and logo mark.
@@ -83,6 +83,27 @@ On the [Organizations page](https://meshery.layer5.io/identity/organizations), y
 1. Click Select file to upload and select the logo image on your computer. You'll see a preview your logo.
 1. Click Save, if satisfied. You may change your custom logo images at any time.
 
+
+## Customizing your Organization's Dashboard
+
+Your dashboard experience is customizable. As an administrator of your organization, you can customize the dashboard experience for all members of your organization. To customize your organization's dashboard, select from a collection of widgets to include or exclude.
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/szheY8c5CRA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
+*To customize your organization's dashboard, follow the steps in this video or the steps outlined in the screenshots below.*
+
+{{< cardpane >}}
+{{% card header="Edit your Org's Dashboard" footer="<i>Click 'Edit' to enter into customization mode.</i>" %}}
+![custom-dashboard-1.png](./images/custom-dashboard-1.png)
+{{% /card %}}
+{{% card header="Add and Remove Widgets" footer="<i>Pick and choose which widgets to include. Reposition and resize each as you like.</i>" %}}
+![custom-dashboard-2.png](./images/custom-dashboard-2.png)
+{{% /card %}}
+{{% card header="Save and Publish Dashboard" footer="<i>Make your customize layout available to all members of your org or reset your changes to revert to the default layout.</i>" %}}
+![custom-dashboard-3.png](./images/custom-dashboard-3.png)
+{{% /card %}}
+{{< /cardpane >}}
+
 ## Custom Domain Name and Login Screen
 
 Layer5 Cloud supports customizing the login screen based on custom domain name. Redirect your users to your own domain name. For example, if your domain name is `mycompany.com`, you can redirect users to `meshery.mycompany.com`.