CMS Kit Angular Implementation – Documentation & Installation Guidance Needed #10465

3 Answer(s)

• 

  0

  AI-Bot created yesterday

  Support Team ABP Agent

  • As of what I can verify from the available sources/tools right now, there is no published/verified “CMS Kit for Angular” installation & integration documentation, and I also couldn’t locate any @abp/ng.*cms-kit* (or similar) Angular package/module implementation in the indexed abpframework/abp repository via code search.

  • Because of that, I can’t provide definitive step-by-step Angular installation/configuration instructions for CMS Kit (packages to install, Angular modules to import, routes/menu contributions, proxy generation modules, etc.) without guessing.

  • Milestone link you referenced is reachable and confirms you’re looking at ABP 10.1 milestone items, but it doesn’t itself provide consumable installation steps for Angular:

    • https://github.com/abpframework/abp/milestone/131?closed=1

  • For general Angular setup verification (not CMS Kit specific), these official quick-start pages are reachable:

    • https://abp.io/docs/10.1/framework/ui/angular/quick-start
    • https://abp.io/docs/latest/framework/ui/angular/quick-start

  ---

  This response was generated by AI. If it didn’t solve your problem, feel free to post a new answer — our support team will jump in to help you soon.

  Save Cancel
• 

  0

  sumeyye.kurtulus created yesterday

  Support Team Angular Expert

  Hello,

  The CMS Kit Admin feature has been postponed and will be available with the 10.2 preview release. You can follow the release notes here: https://github.com/abpframework/abp/releases

  Below are the steps to configure the frontend for an existing project.

  1. Install the required packages

  yarn add @volo/abp.ng.cms-kit-pro
  yarn add @abp/ng.cms-kit
  yarn add codemirror
  yarn add @toast-ui/editor    
  

  2. Update app.config.ts Add the CMS Kit providers to your providers array:

  import { provideCmsKitProAdminConfig } from '@volo/abp.ng.cms-kit-pro/admin/config';
  import { provideCmsKitAdminConfig } from '@abp/ng.cms-kit/admin/config';
  
  export const appConfig: ApplicationConfig = {
    providers: [
      // ...
      provideCmsKitProAdminConfig(),
      provideCmsKitAdminConfig(),
    ]
  };
  

  3. Update app.routes.ts Register the CMS routes:

  export const APP_ROUTES: Routes = [
    {
      path: 'cms',
      loadChildren: () =>
        Promise.all([
          import('@volo/abp.ng.cms-kit-pro/admin').then(c => c.createRoutes()),
          import('@abp/ng.cms-kit/admin').then(c => c.createRoutes()),
        ]).then(([proRoutes, cmsKitRoutes]) => [
          ...proRoutes,
          ...cmsKitRoutes,
        ]),
    },
  ];
  

  4. Update angular.json

  "styles": [
    "node_modules/@toast-ui/editor/dist/toastui-editor.css",
    "node_modules/@toast-ui/editor/dist/toastui-editor-only.css",
    "node_modules/@toast-ui/editor/dist/toastui-editor-viewer.css",
    "node_modules/@toast-ui/editor/dist/theme/toastui-editor-dark.css",
  ]
  

  ---

  Dynamic Forms are now available in the latest stable release. The documentation will be updated shortly. In the meantime, you can access the related document here:

  https://github.com/abpframework/abp/blob/37bec2f8abc03a8747024497f4839ad0449018d4/docs/en/framework/ui/angular/dynamic-form-module.md

  Please let us know if you need any further assistance. Thank you for your cooperation.

  Save Cancel
• 

  0

  abpdevPro created yesterday

  So currently , we cannot access the admin features currently in angular, so the admin will not be able to built web pages, menus and all in angular UI?

  Save Cancel