Drag and Drop Repeating Group Insertion Sample

The app demonstrates drag and drop in repeating group with insertion.

Screen Shot 2022-08-20 at 9.05.42 PM

Key Features

  • Red insertion bar indicates to user where dragged item will be inserted
  • Updates single record (based on previous and current cell average) on insertion


  • Insert separator is visible when drop area in same cell is dragged over
  • Sorting is based on PhoneEntry.SortOrder field
  • Current cell gets value of previous cell by storing Current Index - 1 in hidden Input field
  • To calculate New Sort Order = (Prev Sort Order + Current Sort Order / 2) Calculation done in multiple steps in workflow, with intermediary values stored in DropArea PhoneEntry’s custom state