Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Customizing your Organization’s Dashboard #296

Merged
merged 2 commits into from
Jun 24, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 22 additions & 1 deletion content/en/cloud/self-hosted/white-labeling/_index.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.
Expand Down Expand Up @@ -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`.
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading