# Customization

Hybr portal customization helps the operators to customize their branding (Tenant login screen with logo and Background image, Header Text, Welcome text, Theme, and Portal tags) to get a unique experience.  

Following are the portal customization areas, 

1. Skin Themes 
2. Logo in Tenant Login Screen
3. Tenant Login background 
4. Homepage Text 
5. Portal Tags 

                                **Admin Portal --> Settings --> Customization --> Customize**                                

![](https://2861565768-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8yyZBiQiKX8E79qF6MQC%2Fuploads%2FnpjMvhTjnlaNQKoHx6jM%2FCustomizationTab.JPG?alt=media\&token=1aa42371-5c2e-4de7-a4e1-93a4009fd413)

## **Skin themes:**

It allows operators to select a particular skin theme listed below. Choose the required theme for the Hybr Admin and tenant portal

**Available Themes:**

1. Grayish Blue
2. Blue
3. Light
4. Sky Blue
5. Orange

Selecting the theme would prompt confirmation and whether you need to apply that theme in the tenant portal. On confirmation based on the selection, the theme would be used on the specified portals.

![](https://2861565768-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8yyZBiQiKX8E79qF6MQC%2Fuploads%2FnpjMvhTjnlaNQKoHx6jM%2FCustomizationTab.JPG?alt=media\&token=1aa42371-5c2e-4de7-a4e1-93a4009fd413)

## **Logo in Tenant Login Screen**

Choose the required logo and click upload.

![(Width:130px | Height:80px)](https://2861565768-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8yyZBiQiKX8E79qF6MQC%2Fuploads%2FVDQtsbLlHL8pv5ErnPzw%2FLogo.JPG?alt=media\&token=29845f88-a623-4d25-bf99-3ca295bcf934)

Also, update the Hybr product appsettings "ShowLogoOnTenantLoginPage" to True to display the logo on the Tenant login screen.

<details>

<summary>Hybr Admin portal --> Settings --> Application Configurations </summary>

In Area, Choose Hybr

In Group, Choose ProductFeatures

Update true to Key **ShowLogoOnTenantLoginPage**

</details>

You can see that the logo that we have uploaded on the Admin side appears in the tenant login and signup screen in the below image.

![](https://2861565768-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8yyZBiQiKX8E79qF6MQC%2Fuploads%2F66yCJkSQhsyPbD335ssx%2FtenantLogo.JPG?alt=media\&token=465c86fb-0883-4c0a-80ee-8b98a030982d)

## **Tenant Login background**

Choose the required Tenant login background and click upload.

![Width:170px | Height:103px](https://2861565768-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8yyZBiQiKX8E79qF6MQC%2Fuploads%2FOKUAbWIXVYn27zmvBEty%2FtenantLoginbg.JPG?alt=media\&token=f437cdd1-57c8-4b6f-8085-aa912e5404f6)

![](https://2861565768-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8yyZBiQiKX8E79qF6MQC%2Fuploads%2FEbJOrsvzxgqWt2qOxlkx%2FtenBG.JPG?alt=media\&token=75dd4bcf-f508-4a03-8f2a-c3f1099a8a00)

## **Home page**

Home page text will be displayed on the login screen, you can customize your text, image, button, and much more. You can use the editor in either text mode or code mode.

**Admin Portal --> Settings --> Customization --> Portal--> Update the content in Home Page --> Click save**

In the below image, we have added the text “Please reach <support@cloudassert.com> for any quick assistance”

Once you are done with this, it will appear in the tenant login screen, as shown below.

![](https://2861565768-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8yyZBiQiKX8E79qF6MQC%2Fuploads%2FqL7PDK1NJxtVbyEWFROr%2FHome%20page.JPG?alt=media\&token=50d9dc4a-e50d-43a3-a5ac-011e5a073c97)

![](https://2861565768-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8yyZBiQiKX8E79qF6MQC%2Fuploads%2FUCKRSKMCxirNrglVwo4Z%2FtenHome%20Page.JPG?alt=media\&token=2dd0b854-cee2-4a9f-a0a4-8cbe2b14d9c1)

## **Portal Tags**

Add the required Portal Name, Tag Line, Welcome Heading --> Click Update.

Portal tags will be updated in the Hybr Admin experience, as shown in the below image

![](https://2861565768-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8yyZBiQiKX8E79qF6MQC%2Fuploads%2FMpKpH1m0rjGSJ3ZVsf1U%2Ftags.JPG?alt=media\&token=fb35d90d-7a46-411b-8da5-34a01f1504cb)

![](https://2861565768-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8yyZBiQiKX8E79qF6MQC%2Fuploads%2Fjw6jDUNZDacP9gSa9At2%2FTenTags.JPG?alt=media\&token=a47ccfa1-647b-42c5-9041-a62889d61b33)