Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$ 
Draggable demos do not work
Hi,
All demos of draggable plugins do not work. Could you help to check?
https://preview.keenthemes.com/html/metronic/docs/general/draggable/cards
Thanks
Replies (3)
Hi Sean, could you please update the JS documentation here https://preview.keenthemes.com/html/metronic/docs/general/draggable/cards with your last comment? I lost quite a few hours trying to make it work until I got here.
Hi,
Thanks for the heads-up.
We are aware of this issue and we will provide a quick fix asap.
Regards.
Hi,
You can fix this issue by referring to the following steps:
1. Get the latest Metronic from Themeforest and follow
Quick Setup guide.
2. If you are using Gulp go to core/html/tools/gulp.config.js and change the draggable build config as shown below:
draggable: {
src: {
scripts: [
"{$config.path.node_modules}/@shopify/draggable/build/umd/index.min.js",
],
},
dist: {
scripts: "{$config.dist}/plugins/custom/draggable/draggable.bundle.js",
},
},3. If you are using Webpack go to
tools/webpack/plugins/custom/draggable/draggable.js and change the build config as shown below:require("@shopify/draggable/build/umd");4. In your custom JS code use
var containers = document.querySelectorAll(".draggable-zone");
var swappable = new Draggable.Sortable(containers, {
draggable: ".draggable",
handle: ".draggable .draggable-handle",
mirror: {
//appendTo: selector,
appendTo: "body",
constrainDimensions: true
}
});Regards.
