Topic: How to include Drag And Drop plugin to project?
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/
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 pro premium 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/
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- 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