Log in to AnswerLog in to Follow
2020-03-11 09-18-27
Jorick van Rijs
498Views
7Comments
SwipeEvents and ListItems
Question

Hi,


I am trying to get the SwipeEvents(Left and Right) function working together with a ListItem(Scroll Up&Down).

On the top of my page i have a buttongroup with two buttons. I want to control them by using SwipeEvents. I want to swipe anywhere on the screen to control these buttons. But in the content of the pages i have a listitem which i can't control anymore when im using the SwipeEvents function. 

What i did was enclose the content of the page in a container and set this as WidgetId in the SwipeEvents but this doesn't work properly because it prevents me from swiping up&down in the list item.

Can someone help me out with combining these two elements? 


Kind Regards, 

1
0
09 Aug 2018

Hi Jorick


I am not sure what you're trying to do. Could you maybe attach your OML so that we might be able to deduce the best way to help you?


Regards,

   CLSJ

0
0
09 Aug 2018

Attatched my OML where i recreate the functionality. 

To see more listitem data you need to scroll down but whem i'm using a SwipeEvents it prevents me to scroll down. I would like to use the swipeEvents to navigate between the buttons. I can make a new container on the bottom of the page and focus the swipeEvents on that container, but i want to use the whole screen to navigate trough the buttons. 

SwipeEventsListItems.oml

0
0
10 Aug 2018

Hi Jorick

I see the problem. The option to control swipe events on the list is given on a per-item basis, have you tried this? To do so click on the list item and click on the 'Swipe Right Action' and 'Swipe Left Action' to add the swipe events to every list item.

 EDIT: You would also need to remove the 'SwipeEvents' widget so as not to interfere with the item swiping.

AFAIK there is no way to set the swipe for the whole list.


Hope this helps!

   CLSJ

0
0
10 Aug 2018

Carlos López Santibáñez Jácome wrote:

Hi Jorick

I see the problem. The option to control swipe events on the list is given on a per-item basis, have you tried this? To do so click on the list item and click on the 'Swipe Right Action' and 'Swipe Left Action' to add the swipe events to every list item.

 EDIT: You would also need to remove the 'SwipeEvents' widget so as not to interfere with the item swiping.

AFAIK there is no way to set the swipe for the whole list.


Hope this helps!

   CLSJ

Thnx for your input but this is not exactly what i am looking for.

As example i took a screenshot of the Facebook App, they have exactly the samething i want. Check the attachment for better explanation. 



example.jpg

0
0
11 Aug 2018

Still no ideas about this problem? I am facing the same...

0
0
21 Apr 2020

Roman Scheinherr wrote:

Still no ideas about this problem? I am facing the same...

I used tabs instead for this action.

1
0
22 Apr 2020

Bit of a late response, however by default the OutSystemsUI SwipeEvents block will preventDefault on the OnGestureMove event as it uses TouchEvents.

It is a shame there is not an input to tell it to not preventDefault. Fixing this is as simple as making a copy of the SwipeEvents block and removing the OnGestureMove client action and you will be able to drag the widget like normal whilst also getting the desired swipe events, it is likely they did this because then if you have a horizontal page, you might not get the SwipeUp and SwipeDown events however if you are only doing this for th SwipeLeft and SwipeRight events on a horizontally scrolling page you will be fine.




0
0
08 Apr
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.