Hello. I have created a new project from ABP CLI as instructed in your tutorials. For UI we use Angular. However, there is no source code provided for angular components and I would like to know how I can customize your UI components. For Example, account module is lazy loaded and it contains login component, but there is no way for me to see the component's code and customize it. Can you please provide documentation as to how we can fully control the software? Thanks
8 Answer(s)
-
0
Angular UI supports the component replacement. It can't support specific customization because some of our components are so complex. Some attributes, ids, styles, etc. are too critical. If the user removes any of these, it may break the app.
You can replace the LoginComponent. See the description to learn implementation. We will provide documentation related to this topic.
Available replaceable components in pro Angular UI
| Component key | Description | |----------------------------------------------------|-------------------------| | Account.LoginComponent | Login page | | Account.RegisterComponent | Register page | | Account.ManageProfileComponent | Manage profile page | | Account.ForgotPasswordComponent | Forgot password page | | Account.ResetPasswordComponent | Reset password page | | Account.AccountComponent | The component that wraps register, login, forgot password, and reset password pages. Contains
<router-outlet>
. | | Account.ChangePasswordComponent | Change password form in manage profile page | | Account.PersonalSettingsComponent | Personal settings form in manage profile page | | Account.TenantBoxComponent | Tenant changing box in account component | | AuditLogging.AuditLogsComponent | Audit logs page | | Identity.UsersComponent | Users page | | Identity.RolesComponent | Roles page | | Identity.ClaimsComponent | Claim types page | | IdentityServer.IdentityResource | Identity resources page | | IdentityServer.Client | Clients page | | IdentityServer.ApiResource | Api resources page | | LanguageManagement.Languages | Languages page | | LanguageManagement.LanguageTexts | Language texts page | | Saas.TenantsComponent | Tenants page | | Saas.EditionsComponent | Editions page | | FeatureManagement.FeatureManagementComponent | Features modal | | PermissionManagement.PermissionManagementComponent | Permissions modal | | SettingManagement.SettingManagementComponent | Setting Management page | -
0
-
0
Hi @LevanM
It is alredy open source (https://github.com/abpframework/abp/), couldn't understand what you are asking for, sorry. Could you explain a bit more detailed ?
Thanks,