Angular plugin installation (NPM)


Topic: Angular plugin installation (NPM)

Guijarro asked 3 years ago

Expected behavior Hi there, I purchased 2 angular plugins (calendar, WYSIWYG) but I'm not sure how to install them into my CLI angular project. We are currently running the MDB with npm.

Any help/direction will be appreciated on the best way to do to this would be very much appreciated.

Actual behavior

Resources (screenshots, code snippets etc.)


Arkadiusz Idzikowski staff answered 3 years ago

Hello,

Please download Calendar plugin files again, we added hotfix to the current version.

To install plugins in your current project please follow these steps (we will add those informations to the plugins documentation):

  1. Copy .tgz file from the plugin zip you downloaded to your Angular project and run npm install plugin-name.tgz, for example:

    npm install mdb-calendar-7.4.2.tgz

  2. Add plugin module import to your module file, for example:

    imports: [ MdbCalendarModule ],

  3. Open angular.json and update styles array (this step is not required for WYSIWYG plugin):

    "styles": [
      "src/styles.scss",
      "node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss",
      "node_modules/@fortawesome/fontawesome-free/scss/solid.scss",
      "node_modules/@fortawesome/fontawesome-free/scss/regular.scss",
      "node_modules/@fortawesome/fontawesome-free/scss/brands.scss",
      "node_modules/angular-bootstrap-md/scss/bootstrap/bootstrap.scss",
      "node_modules/angular-bootstrap-md/scss/mdb-free.scss"
    ],
    

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.4.2
  • Device: iMac Pro
  • Browser: Chrome
  • OS: Mojave
  • Provided sample code: No
  • Provided link: No