Adding drag and drop to elements in angular 6+ using ng2-Dragula

Published: 02 January 2020
on channel: Programming With Prem

4,938

This video is all about adding drag and drop feature in angular using ng2-dragula.

Dragula link - https://github.com/valor-software/ng2...
CSS:
/* in-flight clone */
.gu-mirror {
position: fixed !important;
margin: 0 !important;
z-index: 9999 !important;
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
pointer-events: none;
}
/* high-performance display:none; helper */
.gu-hide {
left: -9999px !important;
}
/* added to mirrorContainer (default = body) while dragging */
.gu-unselectable {
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
/* added to the source element while its mirror is dragged */
.gu-transit {
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
}

Please subscribe to the channel for more videos - / dcoders

Watch video Adding drag and drop to elements in angular 6+ using ng2-Dragula online without registration, duration hours minute second in high quality. This video was added by user Programming With Prem 02 January 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 4,938 once and liked it 39 people.

9,414

262

00:00:00