Champion
22
Views
4
Comments
Solved
[OutSystems UI] Exists a possibility to disable manual swipe in StackedCards?
outsystems-ui
Reactive icon
Forge component by Gonçalo Martins
Application Type
Reactive

Hello,

Exists any workaround to disable the manual swipe in StackedCards?

Thanks, Paulo Torres

Champion
Solution

I handle the issue with this CSS:

.disable-manual-swipe.stackedcards.stackedcards--animatable {

    cursor: -webkit-grab;

    cursor: grab;

    pointer-events: none;

}

Sorry, forget to mention the cursor styling!

Cheers,
JR

Hi @Paulo Torres,

You can always use a custom selector and through css disable the interactions on it... 

However it you have any kind of action inside the cards, using this approach will also disabling them.

.stackedcards.disable-swipe {
    pointer-events: none;
}

Hope it helps,
JR

Champion

Thanks for the answer @José Rio but this doesn't work.

Only remove the hand on hover :)

Regards

Champion
Solution

I handle the issue with this CSS:

.disable-manual-swipe.stackedcards.stackedcards--animatable {

    cursor: -webkit-grab;

    cursor: grab;

    pointer-events: none;

}

Sorry, forget to mention the cursor styling!

Cheers,
JR

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