Hello,
I want to customize the login from the account module but I don't know how to integrate the module in the Angular project. When I start the project and go to the login page, nothing loads, a blank page appears.
- ABP Framework version: v7.1.1
- UI type: Angular
- DB provider: EF Core
- Tiered (MVC) or Identity Server Separated (Angular): yes
- Exception message and stack trace:
- Steps to reproduce the issue:"
- Create a new solution
- Add Account Module (Replace packages with source code)
- Modify the settings in environment.ts to change the resource owner password flow:
- Here I have a couple of doubts with the dummyClientSecret variable ¿what key should be set? ¿where is it generated?
- Run the project
I have been trying to replace the components but I don't know how to do it with the account module.
Thanks.
8 Answer(s)
-
0
Hi,
You can check this: https://support.abp.io/QA/Questions/306/Custom-Login-Page-For-Angular
Markdown supported.Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post) -
0
Hi,
Thank you for your answer
That article is about override and replacing the default login page by creating your own, but I want to use the account module that is available in the commercial version because I want customize another pages like forgot password, register, reset password, send security code and two factor tab etc. Is it possible?
Markdown supported.Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post) -
0
Hi,
I want customize another pages like forgot password, register, reset password, send security code and two factor tab etc. Is it possible?
Those pages only are for MVC UI only, which means you have to use the code flow instead of resource owner password flow
Markdown supported.Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post) -
0
When I replaced packages with the source code from the account module, several files were generated in the angular project. ¿What are all these components for?
Also added as a library in the angular.json file
What is the use of all this?
Markdown supported.Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post) -
0
Hi fernando,
If you want to customize all account module you can add with source code, which is you already did but in that way you are responsible for the module, all these component is belongs to account module. Also you can replace some component part of account module with ComponentReplacement
Markdown supported.Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post) -
0
Sorry I was confused about something
Here I have a couple of doubts with the dummyClientSecret variable ¿what key should be set? ¿where is it generated?
This should be generated by the
OpenIddictDataSeedContributor
But you should not need to specify the value, because it's null by default.
Markdown supported.Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post) -
0
Thanks for your help, I hope I get lucky with this.
Regards.
Markdown supported.Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
