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

4 Answer(s)

• 

  0

  AI-Bot created 7 months ago

  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.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  sumeyye.kurtulus created 7 months ago

  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.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  abpdevPro created 7 months ago

  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?

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  enisn created 6 months ago

  Support Team .NET Developer

  Hi, Thanks for the follow-up. At the moment, this depends on the ABP version you are targeting:

  • If you are staying on 10.1.x, then yes, CMS Kit admin features are not available in Angular out of the box. In that case, admins cannot manage pages, menus, blogs, and similar CMS Kit admin screens from the Angular UI.
  • If you move to 10.2.x preview/RC, Angular CMS Kit packages have started to become available. The published Angular package @abp/ng.cms-kit includes admin routes for comments, tags, pages, blogs, blog posts, menus, and global resources, so page and menu management can be done from Angular in that version line.
  • There is also a published commercial package named @volo/abp.ng.cms-kit-pro starting with 10.2.0-rc.1. So, to answer your question directly:
  • For 10.1.x: your understanding is correct. You should not plan on using CMS Kit admin features from Angular.
  • For 10.2.x preview/RC: Angular support has started to exist, and page/menu-related admin functionality is no longer limited to MVC/Blazor only. The confusing part here is that the public CMS Kit documentation is still behind the current package state. The current 10.1 and 10.2 CMS Kit module pages still mention MVC/Blazor-oriented support, so the documentation has not fully caught up with the Angular package publication yet. If you need a stable production plan today on 10.1.x, we recommend using the MVC / Razor Pages or Blazor admin UI for CMS Kit, or building custom Angular screens on top of the CMS Kit admin APIs. If you want, please share your exact target version (10.1.x or 10.2.x) and we can provide the corresponding Angular installation guidance for that version. Best regards, ABP Support Team

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel