Easy Way to Add the Gestures API to Muse

Avatar

Avatar
Validate 1
Level 3
ashe1
Level 3

Likes

15 likes

Total Posts

26 posts

Correct reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile

Avatar
Validate 1
Level 3
ashe1
Level 3

Likes

15 likes

Total Posts

26 posts

Correct reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile
ashe1
Level 3

10-07-2016

Howdy!

I've seen a number of questions on this forum looking for a way for non-developers to add the AEMM Gestures API to Muse, so that the navigation will toggle when the screen is tapped. I developed a .mucow widget for us to use at Bates Creative for just this purpose.

It's really easy to use: you just File > Place the .mucow file into your Master page, and when the HTML exports, it adds the necessary JS to your index.html.

You can find the .mucow file and more info here: GitHub - asheabbott/aem-mobile-gestures-api-for-muse: This Muse Configurable Options Widget (mucow) ...

I hope this is helpful!

Replies

Avatar

Avatar
Boost 3
Level 2
Peter_Villevoye
Level 2

Likes

4 likes

Total Posts

19 posts

Correct reply

0 solutions
Top badges earned
Boost 3
Boost 1
Applaud 5
View profile

Avatar
Boost 3
Level 2
Peter_Villevoye
Level 2

Likes

4 likes

Total Posts

19 posts

Correct reply

0 solutions
Top badges earned
Boost 3
Boost 1
Applaud 5
View profile
Peter_Villevoye
Level 2

10-07-2016

Helpful ??

My dear, you just saved a whole project !

And Adobe's reputation...

THANK YOU !

Avatar

Avatar
Validate 10
Level 2
10TonMedia
Level 2

Likes

13 likes

Total Posts

45 posts

Correct reply

0 solutions
Top badges earned
Validate 10
Validate 1
Boost 5
Boost 3
Boost 10
View profile

Avatar
Validate 10
Level 2
10TonMedia
Level 2

Likes

13 likes

Total Posts

45 posts

Correct reply

0 solutions
Top badges earned
Validate 10
Validate 1
Boost 5
Boost 3
Boost 10
View profile
10TonMedia
Level 2

10-07-2016

Incredible. Thank you.

Avatar

Avatar
Validate 1
Level 3
Keith_Gilbert
Level 3

Likes

18 likes

Total Posts

52 posts

Correct reply

3 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile

Avatar
Validate 1
Level 3
Keith_Gilbert
Level 3

Likes

18 likes

Total Posts

52 posts

Correct reply

3 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile
Keith_Gilbert
Level 3

11-07-2016

Very helpful. Can't wait to try it! This has been on my "to-do" list for a long time to figure this out, but now I don't have to. I know many people that will find this very useful. Thanks for sharing!

Avatar

Avatar
Validate 1
Level 2
Anthony_Cumia
Level 2

Likes

5 likes

Total Posts

6 posts

Correct reply

0 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 1
View profile

Avatar
Validate 1
Level 2
Anthony_Cumia
Level 2

Likes

5 likes

Total Posts

6 posts

Correct reply

0 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 1
View profile
Anthony_Cumia
Level 2

11-07-2016

Awesome! Look forward to trying it out. You folks at Bates are really on the ball!

Avatar

Avatar
Validate 1
Level 3
ashe1
Level 3

Likes

15 likes

Total Posts

26 posts

Correct reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile

Avatar
Validate 1
Level 3
ashe1
Level 3

Likes

15 likes

Total Posts

26 posts

Correct reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile
ashe1
Level 3

13-07-2016

Thanks, guys! Very happy to help.

Avatar

Avatar
Validate 1
Level 2
Doigman
Level 2

Likes

4 likes

Total Posts

19 posts

Correct reply

0 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Applaud 5
View profile

Avatar
Validate 1
Level 2
Doigman
Level 2

Likes

4 likes

Total Posts

19 posts

Correct reply

0 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Applaud 5
View profile
Doigman
Level 2

13-07-2016

Thanks so much for this. Do you know if this, or something like this will work with articles that are created in AEM? We are having the same issue with those. I tested your script using a Muse article like you described and it worked.

Avatar

Avatar
Validate 1
Level 3
ashe1
Level 3

Likes

15 likes

Total Posts

26 posts

Correct reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile

Avatar
Validate 1
Level 3
ashe1
Level 3

Likes

15 likes

Total Posts

26 posts

Correct reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile
ashe1
Level 3

13-07-2016

I'm afraid I don't know, as we don't do much in AEM proper. If there's a way to add JS in the AEM interface, in theory you could paste in the relevant code from the .mucow file (the code between the opening

<bodyEndHTML>

<![CDATA[

and closing

]]>

</bodyEndHTML>

tags) and it should work.

But, again, that's totally untested. I just think that, since all this is doing is putting the JS into the index.html file (before the closing </body> tag), if you could copy and paste the relevant code into an "insert JS" box or something, it might work.

Avatar

Avatar
Level 1
rachels952
Level 1

Likes

0 likes

Total Posts

3 posts

Correct reply

0 solutions
View profile

Avatar
Level 1
rachels952
Level 1

Likes

0 likes

Total Posts

3 posts

Correct reply

0 solutions
View profile
rachels952
Level 1

14-07-2016

Thank you for finding and posting! Without it, designing in Muse was not going to be a viable option. VERY helpful.

Avatar

Avatar
Validate 1
Level 3
ashe1
Level 3

Likes

15 likes

Total Posts

26 posts

Correct reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile

Avatar
Validate 1
Level 3
ashe1
Level 3

Likes

15 likes

Total Posts

26 posts

Correct reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile
ashe1
Level 3

18-07-2016

Hey guys!

Just released v1.2, which has reworked code to trigger navigation toggle on everything except "a" links and "a span" links. We found that with the previous version, if we clicked a link in the article, which opens the in-app browser, it would toggle the nav and cover the "Done" button within the in-app browser. This should fix that issue.

Still located in the same place, just look for the .mucow file that ends in 1.2.

GitHub - asheabbott/aem-mobile-gestures-api-for-muse: This Muse Configurable Options Widget (mucow) ...