Support for swipe gestures available ?

Hello,

I would like to know, whether there is support for swipe gestures, e.g., in the ListView, ListBox or Grid component ?

I know, that the events (onTouchStart, onTouchEnd) are present and properly evaluated in the Browsers for touch-enabled input devices such as TouchPad on laptops or TouchScreen on mobile devices.

But so far, I didn't found any component supporting swipe gestures in the documentation or demo section.
I just found the SwipeSettings in the base section of the API documentation (https://ej2.syncfusion.com/javascript/documentation/api/base/swipeSettings/), but no component seems to use or refer to it ?


Only for Xamarin platform I found a lot of information in the documentation and examples, but not for Javascript or others ?!


Thanks for your assistance,

Cornelius


4 Replies

KV Keerthikaran Venkatachalam Syncfusion Team January 30, 2024 02:58 PM UTC

Hi Cornelius Moucha,


By default, in EJ2 Grid, ListView, and ListBox, we have support for touch-oriented gestures like swiping left or right for horizontal scrolling and swiping up or down for vertical scrolling. Please refer to the attached video and demo link.


Grid : https://ej2.syncfusion.com/javascript/demos/#/bootstrap5/grid/grid-overview.html 


Listview: https://ej2.syncfusion.com/demos/#/material3/listview/nested-list.html
                 https://ej2.syncfusion.com/demos/#/material3/listview/scrolling.html


ListBox: https://ej2.syncfusion.com/demos/#/material3/list-box/dual-list-box.html


If we have misunderstood your query, please provide more details along with a video demonstration. Also, let us know which component you need for swiping functionalities. Based on that, we will check and provide you with a better solution quickly.


Please let us know if you need any further assistance on this.


Regards,

KeerthiKaran K V


Attachment: Demo_Video_7dd13994.zip


CM Cornelius Moucha January 31, 2024 08:56 AM UTC

Hello KeerthiKaran,


thank you for your answer!


Unfortunately, scrolling was not my intention when referring to swiping functionality.

I'm looking for a swiping functionality, which is common for mobile devices and which you have integrated in the listview component for the Xamarin platform, as documented for example here:

https://help.syncfusion.com/xamarin/listview/swiping#assigning-left-and-right-swipe-templates


With the Xamarin platform, I'm not familiar. As far as I understood, it's more focussing mobile devices, such as Android or iOS (and additionally, as far as I know, Xamarin will be discontinued by Microsoft this May).


I'm developing a WebApp for both, desktop and mobile, therefore I'm using your JavaScript components and looking for a swiping solution using, e.g., the ListView component in EJ2 JavaScript.

For example in a representation as illustrated here:

https://ej2.syncfusion.com/javascript/documentation/listview/how-to/create-mobile-contact-layout-from-listview

In this example, I would like to have two "actions", which I can trigger by swiping to the left or right, similar to the Xamarin example above.


In the meanwhile, I have developed a prototypical implementation of the swiping functionality integrated in this JavaScript ListView component on my own; in it's functionality similar to the Xamarin example.


But of course, I would be prefer an already integrated solution, if this is available ??


Kind regards,

Cornelelius



PM Prasanth Madhaiyan Syncfusion Team February 1, 2024 09:17 AM UTC

Hi Cornelius,


Based on the shared details, we would like to let you know that currently, we have not provided touch swipe functionality support in the EJ2 ListView component to perform any functionalities based on it. We have already considered this requirement as a feature request on our end. Support for this feature will be included in our anyone of upcoming volume release.


Generally, we will plan the feature implementation based on feature rank, Wishlist plan, and customer request count for some features.


Please, track the feature implementation status through the below feedback portal link.


https://www.syncfusion.com/feedback/29508/provide-swipe-support-in-listview-to-do-custom-actions-such-as-deleting-editing


Check out the shared details and let us know if you need any further assistance.


Regards,

Prasanth Madhaiyan.



CM Cornelius Moucha February 4, 2024 04:02 PM UTC

Hi Prasanth,

thank you for your information and sharing the link to the feature request !


Kind regards,

Cornelius


Loader.
Up arrow icon