Creating a swipe-left or swipe-right gesture to reveal icons or actions in a mobile app

[busevv6]

Is it possibility of implementing a swipe-left or swipe-right gesture to reveal icons ?

[aj11]

It is hard to do, but I have done it in our app using CSS, Javascript, and the IF/Then plugin.

Here’s the CSS I used:

<style>

.slide_call_scroll {
overflow-x: auto !important;
scroll-snap-type: x mandatory;
overscroll-behavior-x: none !important;
}

.draggable_call {
    width: calc(100% + 60px) !important;
    min-width: calc(100% + 60px) !important;
    max-width: calc(100% + 60px) !important;
    overscroll-behavior-x: none !important;
}

.call_space_left {
    scroll-snap-align: start;
}

.call_space_right {
    scroll-snap-align: end;
}

</style>

Here is the javascript:

If/then element:

I don’t remember exactly what everything does. Took me a week to make it work. But hopefully this helps you.

[busevv6]

thanks so much sur @aj11
i will give it a try

[aj11]

I’m also using the Classify plugin to add element classes. I use that so much sometimes I forget it’s not natively part of bubble.

[busevv6]

can you reference if/then plugin seem not found with this name @aj11 ?

[aj11]

It is part of this plugin: Utilities (bdk) Plugin | Bubble

[jos2]

Gesture Tracker [ Touch|Mouse ] Plugin for Bubble, by No-Code Artisan

I use this plugin. If you need any help, just ask the owner they respond very quickly and will do everything to help you fix it!

[busevv6]

thanks sur @jos2