Sidemenu with slidebox


#1

Hi there!

I am facing the issue, that when i swipe from left to right, sidemenu will open AND slidebox changes at the same time.
Is there a solution for it?


#2

Does this help?

<ion-side-menu-content drag-content="false">

#3

I don’t get your point. Did you miss something?


#4

Do you mind putting a demo together?
Last time I checked, events inside a slide-box would cancel the side-menu events.


#5

I’m suggesting using drag-content in your side menu and making it false. That way you have to touch the icon to open the side menu, so you can swipe between the slides in the slidebox without opening the menu.

I thought that was the problem. Is it not?


#6

No, because I want to have drag-content set true too. Like in the google playstore, where you can swipe through tabs and if you swipe from left corner you open the sidemenu.

Sure I’ll try. Give me some time.


#7

I’ve got a Nexus 4, a Nexus 7 (original) with Lollipop and a Galaxy Nexus with ICS.

None of the Play Store versions on these have the functionality you describe.

You can swipe through app categories but if you want the side menu you touch the menu button/hamburger/arrow in the top left.

If that is the functionality you want my suggestion is the solution, no? You can swipe through slides in the slidebox, and open the side menu by touching the menu/back icon (or whatever you’ve used). I’m using this very thing for one of my apps so…


#8

I have recorded a vid to show you what I mean and how my play store works:

https://www.youtube.com/watch?v=ykyQK9x6F20&feature=youtu.be


#9

Ah, I see. Mine do too actually but with my cases I’ve never done that!

That’s interesting functionality - I’ve no idea how you’d do that in Ionic though.


#10

Here is a simple codepen of it:

http://codepen.io/bwasnie1/pen/JoWNXx

On my device (Note 4) it behaves a little bit different with sidemenu and slidebox. There both (slidebox & sidemenu) start nearly at the same time when I swipe from left to right


#11

Try adding the attribute edge-drag-threshold to your side-menu-content. This should say, “Don’t kick in the the side menu unless the finger is within X pixels of the screen edge”.


#12

Tried it already, but doesn’t work in combination with slidebox


#13

So what platform are you seeing this on? Android or iOS and what os version?


#14

Android 4.4.4 on Note 4


#15

Here is a demonstration of it:
https://www.youtube.com/watch?v=lBy1A2UXzpw&feature=youtu.be


#16

I don’t have a note4 to test this on, but I tested this on a note3 sim in genymotion and an older 4.3 device. It seems to be working fine for me. I haven’t changed anything either.

Hmm, lets try this.
Can you try using crosswalk on this? The issue may come down to how samsung messes with the webview on their devices. Supposedly making it better

Checkout this thread for help with crosswalk.


#17

I followed the instructions and ran “ionic run android”.

Ionic -v : 1.3.2


#18

Woah, hmm interesting.

Can you run ionic info and post the information?

Do you have any plugins for that project?
Try to make a new project and see if you get the same error


#19

Okay, I have created a new project and integrated crosswalk. It works. But there is also somethin in red, which I don’t understand:

How to fix that?

Anyways… I guess, as you mentioned, that any of my installed cordova plugins won’t fit to crosswalk?


#20

Yeah that error is something we know about, shouldn’t be an issue.

Well it depends on the plugin and what cordova calls they are making.

So can you try your example in that project with crosswalk?
It gets back to my point that the webview in the note4 may have been mucked with by Samsung…