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

mydancebay priority asked 2 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.)

Arkadiusz Idzikowski staff answered 2 years ago

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

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:

Please insert min. 20 characters.


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



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