# Drag and Drop Repeating Group

## Overview

This fully-responsive and fully-functional module contains a repeating group with draggable groups and droppable zones. Users can easily sort the list by dragging and dropping a group to a different location. cc

![](https://8331092-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbzMeM9XfnblRd78nga%2F-LcgLZJ98l74Be4Hq6yO%2F-Lcg_hJ-zSnRXVGdA7Cb%2FScreen%20Shot%202019-04-17%20at%2011.37.07%20AM.png?alt=media\&token=851b4570-3ad7-41ca-a26d-dc514177079b)

## Structure

* When this module is added to a page, it is placed within a group called `Group page860Group` on the page. This group contains the responsive settings for all modules.
* This module `Group DragAndDropRG` contains three main groups:
  * `Group verticalPadding 1` - For responsiveness (please do not delete)
  * `Group verticalPadding 2` - For responsiveness (please do not delete)
  * `Group 780StandardGroup` - If you add more elements to the group, please ensure that they are contained within this main content group.
* This module has a reusable element inside of it called `draggableRepeatingGroup`. 
  * This reusable element contains all of the logic and drag and drop UI for the module:
    * `DroppableGroup` - This is the group that users can drag to a different location
    * `Dropzone` - This is the group where users can drop the `DroppableGroup` (for order numbers after #2)
    * `DropArea` - This is the group where users can drop the `DroppableGroup` (and move the dragged group to #1)
  * All data is displayed in `RepeatingGroup dummy (draggable)`

## How to set up

![](https://8331092-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbzMeM9XfnblRd78nga%2F-LcgLZJ98l74Be4Hq6yO%2F-Lcg_qV5GBSlGZPNddX7%2FScreen%20Shot%202019-04-17%20at%2011.37.48%20AM.png?alt=media\&token=e32a47d9-a073-4f48-919b-b34eac28c9db)

* Remove or add workflow to `Button ADD`
* Open the `draggableRepeatingGroup` reusable  and update the data source of `RepeatingGroup dummy (draggable)`
* Update the data source of the texts