Uploaded image for project: 'Social Justice Repair Kit'
  1. Social Justice Repair Kit
  2. SJRK-359

Add drag & drop for block reordering

    XMLWordPrintable

    Details

    • Type: New Feature
    • Status: Closed
    • Priority: Critical
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: None
    • Component/s: Storytelling Tool UI
    • Labels:
      None

      Description

      Add drag & drop functionality to the block reordering. This should be tackled after SJRK-288 and SJRK-358 have been completed.

      The Infusion Reorderer demo page demonstrates drag & drop being used on individual list items, and can be used as a reference for programming this feature.

      The nature of the block editors (with their many inputs, images, media players, etc.) makes the "grab the element anywhere" aspect a little impractical. Instead, consider a "move block" icon in the top-right of each block, where the "Select block" checkbox used to be, that can be used as a handle for dragging and dropping a block

        Attachments

        1. StorytellingTool_drag drop handle-11.png
          240 kB
          Dana Ayotte
        2. StorytellingTool_UpdatedUI_V12_DA-20.svg
          1.0 kB
          Dana Ayotte
        3. StorytellingTool move block down.svg
          0.3 kB
          Dana Ayotte
        4. StorytellingTool move block up.svg
          0.3 kB
          Dana Ayotte

          Issue Links

            Activity

              People

              Assignee:
              Unassigned Unassigned
              Reporter:
              gmoss Gregor Moss
              Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved: