yujunjun/OpenMetadata
1
0
Fork 0
mirror of https://github.com/open-metadata/OpenMetadata.git synced 2025-07-16 13:41:37 +00:00
Code Issues Packages Projects Releases Wiki Activity
OpenMetadata/openmetadata-docs/content/how-to-guides/custom-logo/how-to-add-custom-logo.md
Sachin Chaurasiya 4ce038557e
✨feat(ui)#10274: UI - allow to configure OM logo (#10316) 
* ✨feat(ui)#10274: UI - allow to configure OM logo

* chore: use logo config to render the brand and login page logo

* fix : cy tests

* doc: update the doc

* chore: remove check for filePath logo location type

* test: add unit test

* - removed FilePath
- Added configs to docker

* address comment

* remove config from test yaml

* update logo aspect ratio

* remove type

* chore: update ui logic as per backend config

* update doc

* address comments

* Revert "address comments"

This reverts commit c4f9da88918343cab08cd5e603cba29bd05b2ec9.

* address comments

---------

Co-authored-by: mohitdeuex <mohit.y@deuexsolutions.com>
2023-03-01 14:09:44 +05:30

1.1 KiB
Raw Blame History

title slug
How to change the Login Page and Nav Bar Logo /how-to-guides/custom-logo/how-to-add-custom-logo

How to add a custom logo for the application

To change the Logo for the application, we need to update logo at two locations.

  1. Login Page
loginPage-image
  1. Navigation Bar
navBar-image

Step 1: Get the image size as per the following formats.

  • Monogram aspect ratio should be 1:1 and Recommended size should be 30 x 30 px
  • Logo aspect ratio should be 5:2 and Recommended size should be 150 x 60 px

Step 2: Configure 'openmetadata.yaml' or the corresponding environment variables

applicationConfig:
  logoConfig:
    customLogoUrlPath: ${OM_CUSTOM_LOGO_URL_PATH:-""} #login page logo
    customMonogramUrlPath: ${OM_CUSTOM_MONOGRAM_URL_PATH:-""} #nav bar logo

  1. customLogoUrlPath

    • URL path for the login page logo.

  2. customMonogramUrlPath

    • URL path for the navbar logo.