|
1 |
| -# Customize branding |
| 1 | +# Custom branding |
2 | 2 |
|
3 | 3 | Openblocks provides a white-labelling feature that allows you to customize your workspace's **branding**, including logo, favicon, brand name and color. You can easily configure branding to match your company's branding and benefit from consistent experiences with your company's existing internal tools.
|
4 | 4 |
|
5 | 5 | {% hint style="info" %}
|
6 |
| -Custom branding is a **premium** feature of self-hosted Enterprise Edition of Openblocks. Feel free to contact our team if needed. |
| 6 | +Custom branding is a **premium feature** of self-hosted [Enterprise Edition](../self-hosting/enterprise-edition.md) of Openblocks. Feel free to contact our team if needed. |
7 | 7 | {% endhint %}
|
8 | 8 |
|
9 |
| -## Configure branding |
| 9 | +## Branding settings |
10 | 10 |
|
11 |
| -Only **workspace admins** have the permission to configure branding. Navigate to [Openblocks homepage](https://cloud.openblocks.dev/), select ⚙️ **Settings** tab **** in **** the left pane and click **Branding**. You can edit the settings on the left and preview the actual effects on the right. |
| 11 | +Only **workspace admins** have the permission to customize branding. Navigate to [Openblocks homepage](https://cloud.openblocks.dev/), select ⚙️ **Settings** tab **** in **** the left pane and click **Branding**. You can edit the settings on the left and preview the actual effects on the right. |
12 | 12 |
|
13 | 13 | <figure><img src="../.gitbook/assets/custom-branding-1.png" alt=""><figcaption></figcaption></figure>
|
14 | 14 |
|
| 15 | +The customizable branding settings are listed as follows: |
| 16 | + |
15 | 17 | * Logo: click the **Logo** box to upload your logo, which is shown at the top bar. The file browser will pop up and you can select an image file. Openblocks supports `.jpg`, `.svg`, and `.png` files.
|
16 | 18 | * Head color: click the palette in the **Head Color** section to select the background color of the top bar. You can also directly type a CSS color into the box.
|
17 | 19 | * Brand name: enter your **Brand Name** in the input box and it will show on the **login page** and as the browser tab title.
|
18 | 20 | * Favicon: click the **Favicon** box to upload your website icon, which is shown in the browser tab.
|
19 | 21 |
|
| 22 | +{% hint style="success" %} |
20 | 23 | Click the **Save** button and the settings will immediately take effect.
|
| 24 | +{% endhint %} |
| 25 | + |
| 26 | +### Example  |
| 27 | + |
| 28 | +The following pictures show what workspace **members** and **end users** will see on the login page, homepage, and application pages after branding is successfully customized (take the brand name "My brand" for example). |
21 | 29 |
|
22 |
| -The following pictures show what workspace end users will see on the homepage and application pages after branding is successfully customized. |
| 30 | +<figure><img src="../.gitbook/assets/custom-branding-5.png" alt=""><figcaption><p>the login page</p></figcaption></figure> |
23 | 31 |
|
24 |
| -<figure><img src="../.gitbook/assets/custom-branding-2.png" alt=""><figcaption></figcaption></figure> |
| 32 | +<figure><img src="../.gitbook/assets/custom-branding-2.png" alt=""><figcaption><p>the homepage</p></figcaption></figure> |
25 | 33 |
|
26 |
| -<figure><img src="../.gitbook/assets/custom-branding-3.png" alt=""><figcaption></figcaption></figure> |
| 34 | +<figure><img src="../.gitbook/assets/custom-branding-3.png" alt=""><figcaption><p>application pages</p></figcaption></figure> |
27 | 35 |
|
28 |
| -Note that workspace developers and admins still see Openblocks branding on the homepage and the app editor. |
| 36 | +Note that workspace **developers** and **admins** still see "Openblocks" branding on the homepage and application pages. |
29 | 37 |
|
30 | 38 | <figure><img src="../.gitbook/assets/custom-branding-4.png" alt=""><figcaption></figcaption></figure>
|
31 | 39 |
|
|
0 commit comments