Getting drag & drop items to disappear or resize after they were dropped | XM Community
Skip to main content

HI,

 

I am trying to make drag & drop questions more user-friendly on mobile. A key UX issue is that an item resizes and overlays the groups once it is dropped. Has someone any ideas for a code which modifies an item once it was dropped to achieve either of:

  1. making the item disappear 
  2. preventing the item from resizing to a more narrow width

 

I am pretty sure the drop event can be modified, e.g. from Jacobz1

Qualtrics.SurveyEngine.addOnload(function() {
    // Function to handle the item drop event
    function handleDropEvent(event) {
        event.preventDefault();
        var data = event.dataTransfer.getData("text");
        var originalItem = document.getElementById(data);

Be the first to reply!

Leave a Reply