Ends in:
1 DAY
23 HRS
5 MIN
41 SEC
Ends in:
1 D
23 H
5 M
41 S
Open Closed

Angular UI: How to Override/Customize the login/account pages in Commerical Pro #649


User avatar
0
lwilbourn created

Check the docs before asking a question: https://docs.abp.io/en/commercial/latest/ Check the samples, to see the basic tasks: https://docs.abp.io/en/commercial/latest/samples/index The exact solution to your question may have been answered before, please use the search on the homepage.

  • ABP Framework version: 4.0
  • UI type: Angular
  • Tiered (MVC) or Identity Server Seperated (Angular): no

Created a project using the abp suite.

We are wanting to style, and change the Login Page behavior on the default login components.

1st To change the colors in the login controls, and to if possible take it from a full-page route to a display as modal.

We have already applied styles on the main page, but have been unsuccessful on the login components. We also did a replaceableComponents on the logo as was able to find the Key to replace for it.

is there documentation on the Angular method for changing the styles in the lepton.css ? To change behavior of the login controls will we have to find all the replaceable components and customize them? If so is there a list of all the latest replacable components and their source?

I have pulled and looked through the Volo.Abp.Account.Pro module but could just be not looking in correct place.

Most of the documentation appears to be MVC focused, or I am not finding, is there demos on customizing the angular login components or a detail replacement for the login components in angular?

Thank you.


1 Answer(s)
  • User Avatar
    0
    alper created
    Support Team Director

    Check out these docs

    • https://support.abp.io/QA/Questions/306/Custom-Login-Page-For-Angular
    • https://docs.abp.io/en/abp/latest/UI/Angular/Component-Replacement
    • https://docs.abp.io/en/commercial/latest/ui/angular/page-toolbar-extensions
    • https://docs.abp.io/en/commercial/latest/ui/angular/data-table-column-extensions
    • https://docs.abp.io/en/commercial/latest/ui/angular/entity-action-extensions
Made with ❤️ on ABP v9.1.0-preview. Updated on December 02, 2024, 12:35