Open Closed

Angular UI component customization #22


User avatar
0
LevanM created

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)
  • User Avatar
    0
    Mehmet created

    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
  • User Avatar
    0
    LevanM created

    We purchased enterprise license and it should come with full source code as indicated on your website.

  • User Avatar
    0
    Mehmet created

    We'll send the source code via email.

  • User Avatar
    3
    LevanM created

    Hello, we have not received source code yet, please provide it as soon as possible, Thanks in advance.

  • User Avatar
    0
    ismailyildirim created

    We also have an enterprise licence. I would like to receive that email containing UI source codes too.

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @ismailyildirim

    Could you send an email to info@abp.io about this ?

    Thanks,

  • User Avatar
    0
    LevanM created

    We already got templates, what we are asking for is ABP.net framework, which is references in this templates

  • User Avatar
    0
    ismcagdas created
    Support Team

    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,

Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
Do you need assistance from an ABP expert?
Schedule a Meeting
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v9.2.0-preview. Updated on March 25, 2025, 11:10