New Metronic Docs!Added Integration Docs with Starter Kits Apps for Laravel, Laravel Livewire, Angular, Vue, Symfony, Blazor Server, Django & Flask & more
Browse Docs 
keenthems Draggable The function doesn't work.
hello.
The drag function does not work in the doc example.
Even if you copy the source code, it doesn't work.
keenthemms : seven-html-pro
doc Url : https://preview.keenthemes.com/html/seven-html-pro/docs/general/draggable/restricted
Replies (2)
Hi,
Thank you for reporting this issue. We will check it further and provide a quick fix asap.
Regards.
Hi,
You can fix this issue by referring to the following steps:
1. 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.
