469
Views
5
Comments
Solved
[OutSystems UI] Make component not swipeable (carousel + tab)
Question
outsystems-ui
Reactive icon
Forge asset by OutSystems

Is there a way to disable swiping gesture on navigation tab and on carousel?

Many thanks

2018-01-16 15-07-33
Rita Dias
Staff
Solution

Hey Eric!

As of this moment, no, not without going into the code and making substantial changes to it, sorry. :/


2017-02-23 11-12-25
Eric Halim

Ah i c thanks. So I must clone the module and do my own changes to disable the gesture. 

Maybe an option to have swipe/not swipe gesture could be useful in future release.

2022-08-25 08-27-15
Abhishek Singh

Hi Eric,

Can you tell me what code line carousel javascript should I edit it as I cloned it from Outsystems UI???

2018-01-16 15-07-33
Rita Dias
Staff

It's being considered, thank you and have a good day!

UserImage.jpg
Bram van Mensvoort

For my scenario, it could be disabled by creating a block which blocks all touch-events.
The essence is wrapping all touch-events in a Block with a placeholder:

function stopPropagation(e) {
     e.stopPropagation();
}

As shown in this CodePen: https://codepen.io/anon/pen/vWymPr?editors=1011

To use it easily within OutSystems, I wrapped it in a Block with a placeholder and a changable setting to enable/disable it. (too much work to share the block on this forum unfortunately).

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