SlideBox in app with SideMenus

ionic-v1
1

I set up an app that has left and right side menus and have a page that contains a SlideBox.

The left and right swipe in the slide box does slide box, but it also slides the whole page - to reveal the side menu.

How would you make it so the swipe in the box is only for that area, and a swipe on the page is for the menu?
I am guessing it would require stopping the swipe event to propagate up to the next controller.

2

Hey @ajmercer, if you can hold off for a day or so, I’m working on a revamp of the slide box that has this working: https://github.com/driftyco/ionic/pull/329

3

Cool :smile:

I see this was closed 2 hours ago - and repo updated.

Will download and check it out …

4

Hi @max,

Should the swipe within the slide-box now be contained to that area?

My page still slides to reveal side menus

5

update

If I give the slide-box a short-sharp flick, only it moves,
but if I slide/drag the box, the whole page moves.

6

Just pushed a fix. Let me know if it works for you now. Thanks!

7

Thanks @max, that works nicely :slight_smile:

HTML

<slide-box show-pager="true" does-continue="true" slide-interval="5000" disable-scroll="false">

Not sure what ‘disable-scroll’ is meant to do.
Slider and page is slidable just the same no matter if set to true or false - on iPhone 5

if (options.disableScroll) event.preventDefault();

Summary

Cancels the event if it is cancelable, without stopping further propagation of the event.

8

I’m sorry for bumping this but I also can’t get it to work,
Here is my code: http://plnkr.co/edit/hPxxl3610utpE4ICth1e?p=preview

9

Have you checked out the latest code from github?
Did the trick for me.

10

What was the final solution to this problem? I have tried going through the source code on GitHub, but it is a little over my head.

11

I see this when I emulate. But in real device it is working okay

12

I just don’t get slideboxes either, tried the plunker further up and also doesn’t work^^^

The codepen here http://codepen.io/ionic/pen/AjgEB works nicely, put I’m really struggling to port this across into a routed ion-view template page with a sidemenu. The slidebox just… doesn’t… work :frowning: