SlideBox in app with SideMenus


#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: