Angular Change Logo HREF on Login Pages #2297 | Support

jackmcelhinney created 3 years ago

ABP Framework version: v4.4.4
UI type: Angular
DB provider: EF Core
Tiered (MVC) or Identity Server Separated (Angular): no

Hello. For Angular projects using authorization code flow, clicking the logo on the login, logout, and reset password pages by default redirects to the swagger page - i.e. href="/". Is there a way to easily override this link without overriding all of these pages? I currently have only replaced the logo from wwwroot/images/logo and the AppName from a custom BrandingProvider.

Thanks!

2 Answer(s)

0

maliming created 3 years ago
Support Team Fullstack Developer

hi

You can consider overriding the login page. https://support.abp.io/QA/Questions/160/How-to-customize-an-ABP-project
0
jackmcelhinney created 3 years ago
Solved this by overriding the Lepton HeaderBrandViewComponent:

Created Default.cshtml in the Host project at Themes/Lepton/Components/Header/Brand/Default.cshtml:

@using Volo.Abp.Ui.Branding @using Microsoft.Extensions.Configuration; @inject IConfiguration _config @inject IBrandingProvider BrandingProvider <a class="navbar-brand" href="@_config["App:AngularUrl"]" alt="@BrandingProvider.AppName"></a>

It may be nice at some point to add the href url to the BrandingProvider so those using angular can make all the necessary overrides for the login pages in one place.

Have an answer to this question? Log in and write your answer.