Topic: How to include Drag And Drop plugin to project?

mydancebay priority asked 3 years ago


Expected behavior I can use Drag And Drop plugin in my project

Actual behavior Documentation has no information how to download and include plugin to project

Resources (screenshots, code snippets etc.) https://mdbootstrap.com/docs/b5/angular/plugins/drag-and-drop/


Arkadiusz Idzikowski staff answered 3 years ago


You can find the installation guide for plugins in our documentation:

https://mdbootstrap.com/docs/b5/angular/pro/plugins-installation/

We use the Calendar plugin in the examples but the installation method is the same for every plugin. You will need to replace calendar with drag-and-drop. For example in imports:

import { MdbDragAndDropModule } from 'mdb-angular-drag-and-drop';
…
@NgModule ({
  ...
  imports: [MdbDragAndDropModule],
  ...
})

We recommend using schematics installation because this method will configure the plugin settings automatically.


rnd priority commented 2 years ago

Could you tell me what exact files should I add to my site manually in order to have Drag and drop functionality on my page?


Arkadiusz Idzikowski staff commented 2 years ago

@rnd You need to install the plugin, import the module (like I described in the answer above) and add styles import to the src/app/styles.scss file: @import '~mdb-angular-drag-and-drop/scss/drag-and-drop.scss';

Then you should be able to use the plugin code in your app: https://mdbootstrap.com/docs/b5/angular/plugins/drag-and-drop/



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 1.3.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Mac OS
  • Provided sample code: No
  • Provided link: Yes