Open Closed

Customize Login Page Components #8039


User avatar
0
Bryan-EDV created
  • ABP Framework version: v8.3
  • UI Type: Angular
  • Database System: EF Core (SQL Server, Oracle, MySQL, PostgreSQL, etc..)
  • Tiered (for MVC) or Auth Server Separated (for Angular): yes
  • Exception message and full stack trace:
  • Steps to reproduce the issue:

Hi Team,

I am using Angular but customizing the login pages on MVC.

How can i customize these components:

  • Form Input box -> add icon before the username & password label
  • Change toggle button tocheck box.

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

1 Answer(s)
  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    hi

    https://abp.io/support/questions/240/How-to-customize-the-MVC-login-page https://abp.io/community/articles/how-to-customize-the-login-page-for-mvc-razor-page-applications-9a40f3cd

    You can download the account module source code. And override the login page.

    If you have openiddict, the login page base class is OpenIddictSupportedLoginModel

    [ExposeServices(typeof(LoginModel))]
    public class OpenIddictSupportedLoginModel: LoginModel
    

    https://abp.io/support/questions/632/How-can-I-download-the-source-code-of-the-framework-Angular-packages-theme-and-pro-modules

    https://abp.io/support/questions/160/How-to-customize-an-ABP-project

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v10.8.0-preview. Updated on September 16, 2026, 14:50
1
ABP Assistant
🔐 You need to be logged in to use the chatbot. Please log in first.