How do I customize Logo, favicon and home page according to per tenant. I want it to be dynamic #7262

5 Answer(s)

• 

  0

  liangshiwei created 2 years ago

  Fullstack Developer

  Hi,

  First, you can add the logoUrl, faviconUrl to the SaasTenant entity via Module Entity Extensions

  https://docs.abp.io/en/abp/latest/Module-Entity-Extensions#quick-example

  Then, you can customize the brand-component to get the logoUrl and faviconUrl from the tenant(you can add an API).

  https://docs.abp.io/en/commercial/latest/themes/lepton-x/angular-customization#brand-component

  Also, I want to change the content of this Home section. Can I get some reference URL on how to do that ?

  The HTML source code is in your project; you can make any changes you want.

  

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  Sergei.Gorlovetsky created 2 years ago

  Thanks, I will try this

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  liangshiwei created 2 years ago

  Fullstack Developer

  okay

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  Sergei.Gorlovetsky created 2 years ago

  How do I change the UI for login page ?

  I see the login is redirecting to https://localhost:44000/ server side

  Also, I want to keep login page as my landing page, how can I achieve that ?

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  liangshiwei created 2 years ago

  Fullstack Developer

  How do I change the UI for login page ?

  See https://support.abp.io/QA/Questions/160/How-to-customize-an-ABP-project

  Also, I want to keep login page as my landing page, how can I achieve that ?

  You can add the route guard to the home component

  https://docs.abp.io/en/abp/latest/UI/Angular/Permission-Management#permission-guard

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel