Drag & Drop Building block

Content Type: Module
Categories: User Interface

Overview

This building block provides you a Drag and Drop feature similar to one available in the App store but this is unique for the following reasons. You don't need to connect any Entity or any onchange event, you can use this Building block by dragging and place it where you want and connect it inside the container for the content you want to drag. Find attached screenshot for reference. This building block is a plain vanilla Javascript with no libraries added to it. The page content renders as quickly compared to widgets.

Documentation

Description:

This building block provides you a Drag and Drop feature similar to one available in the App store but this is unique for the following reasons. You don't need to connect any Entity or any onchange event, you can use this Building block by dragging and place it where you want and connect it inside the container for the content you want to drag. Find attached screenshot for reference. This building block is a plain vanilla Javascript with no libraries added to it. The page content renders as quickly compared to widgets

Typical usage scenario:

Moving a card from "To Do" status to "In Progress" or "Done" status like Jira.

Features:

Reuseable component

Dependencies:

HTML/ JavaScript Snippet

Configuration:

  1. Download it 
  2. import to your module package and place it where you want 

 

Releases

Version: 1.0.0
Framework Version: 8.9.0
Release Notes: First Release