Hiding disable items while using drag and drop

advanced-prototyping
repeater-widget
mobile-prototyping

#1

Hi guys. I have a question about the drag and drop. Here is what i’m trying to do. I already completed the functionality for the drag and drop the way i wanted but i have 2 issues:

  1. One i hit the switch Off, i want to change the colors of the font and background of the option. It supposed to be “disabled” so i shouldn’t move it. But i dont know how to make the text to change.

  2. Also i’m followin this example for the drag and drop: http://marceljuenemann.github.io/angular-drag-and-drop-lists/demo/#/simple
    but i can’t quite get right. For example, once i start dragging option 1 to option 2, then option 2 doesnt take the placement of option 1. I don’t know what am i doing wrong.

ANy help would be much appreciated guys i really need it. Thank you in advance.

Demo: https://20c1hi.axshare.com
File: test drag.rp (207.8 KB)

--------EDIT---------------
I just came with a solution to topic 1. I added the style i wanted for the option in the “disabled” interaction style. Then, i grabbed the switch button and i added to it the event Enable/Disabled and it worked. However i’m still strugling with the topic number 2. If anyone can help me that would be awesome!.


#2

Like this?

Demo: https://q6c5vy.axshare.com/home.html
RP File: DragAndDrop.rp (73.4 KB)


Interaction: moving items from repeater 1 to 2 + move up/down