How to create Swyping box, Tinder style

Johnny Zhao shared this problem 3 years ago
Known

Hi all,


This is in relation to creating a Phone app. I want to create a box with text and pictures inside, that I can swype left or right. Once I swype the box left past a certain point, and my fingers let go, the box disappear and a new box with new text and pictures swype into the original box's place. Just like the Tinder swype.


Does anyone know how this can be done in Justinmind? Thank you!


Jz

Comments (2)

photo
1

Hi Johnny,


It will be a little complex to create, but this should be possible. It will require use of 'on drag', 'move', and 'insert into' events. Check out our tutorials on drag and drop here: https://www.justinmind.com/support/how-to-simulate-a-drag-and-drop-in-your-interactive-wireframes/


Best,

Danielle

photo
1

Hello Danielle,


It helped a lot, but how we will show a new data in the first Panel?

For instance, I am using Data list and showing one column and data per page, but when I insert into the Second panel. I am not able to see other data cell. I am stuck in this at the moment. Can you please help me in this...


thanks