Angular plugin installation (NPM)

Topic: Angular plugin installation (NPM)

Guijarro free asked 5 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.)

Add comment

Arkadiusz Idzikowski staff answered 5 years ago

0 0 Best answer

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):

<ol>
<li>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</li>
<li>Add plugin module import to your module file, for example:

imports: [
MdbCalendarModule
],</li>
<li>Open angular.json and update styles array (this step is not required for WYSIWYG plugin):

<pre class="prettyprint"><code>"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"
],
</code></pre></li>
</ol>

Please insert min. 20 characters.

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):

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
Add plugin module import to your module file, for example:

imports: [ MdbCalendarModule ],

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"
],

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

ForumUser: 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

Guijarro

27Support score
5Questions 0Answers 0Snippets