Open Closed

Login page customization #6058


User avatar
0
scdev01 created
  • ABP Framework version: v7.2.2
  • UI Type: Angular
  • Database System: EF Core (PostgreSQL)
  • Tiered (for MVC) or Auth Server Separated (for Angular): yes
  • Exception message and full stack trace:
  • Steps to reproduce the issue:
  • The solution is based on microservice template. We have copied the login page "Volo.Abp.LeptonXTheme.Pro\src\Volo.Abp.AspNetCore.Mvc.UI.Theme.LeptonX\Themes\LeptonX\Layouts\Account\Default.cshtml" from LeptonX theme project to "Themes\LeptonX\Layouts\Account\Default.cshtml" in our AuthServer project.While navigating to the page we are getting the previous errors. Are we missing some references? Please advice

7 Answer(s)
  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    Yes, you need to add using to the _ViewImports.cshtml file.

    @using System.Globalization
    @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
    @addTagHelper *, Volo.Abp.AspNetCore.Mvc.UI.Bootstrap
    @addTagHelper *, Volo.Abp.AspNetCore.Mvc.UI.Bundling
    
  • User Avatar
    0
    327992883@qq.com created

    Hi,

    Yes, you need to add using to the _ViewImports.cshtml file.

    @using System.Globalization 
    @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers 
    @addTagHelper *, Volo.Abp.AspNetCore.Mvc.UI.Bootstrap 
    @addTagHelper *, Volo.Abp.AspNetCore.Mvc.UI.Bundling 
    

    How to customize the login page if it is Blazor?

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    You should customize the login page in the AuthServer (Or HttpApi.Host if not Tiered) project.

  • User Avatar
    0
    scdev01 created

    Hi,

    Yes, you need to add using to the _ViewImports.cshtml file.

    @using System.Globalization 
    @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers 
    @addTagHelper *, Volo.Abp.AspNetCore.Mvc.UI.Bootstrap 
    @addTagHelper *, Volo.Abp.AspNetCore.Mvc.UI.Bundling 
    

    Hi @liangshiwei Only @using System.Globalization line was missing in that file. It still returning the same errors after adding it. The error references $ which I presume is jquery. So it looks like jquery is not bundled or loaded somehow.

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    Please create a _ViewImports.cshtml file in the Themes\LeptonX folder:

  • User Avatar
    0
    scdev01 created

    Hi

    Thank you very much. The errors have disappeared but the layout is slightly different. For example the big logo is missing.

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    What version of the lepton x source code are you using?

    You should download the version 2.2.x, because your abp version is 7.2.2 abp get-source Volo.Abp.LeptonXTheme.Pro -v 2.2.2

Made with ❤️ on ABP v9.1.0-preview. Updated on December 10, 2024, 06:38