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 Co-Founder

    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 Co-Founder

    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,

Made with ❤️ on ABP v8.2.0-preview Updated on March 25, 2024, 15:11