Thought I would help anyone who would like a drop down menu that builds itself.
Copy and Paste another scene to include the symbol menu and the onLoad script for each scene.
Enjoy!
autoMenuBuilder.zip (103.3 KB)
Thought I would help anyone who would like a drop down menu that builds itself.
Copy and Paste another scene to include the symbol menu and the onLoad script for each scene.
Enjoy!
autoMenuBuilder.zip (103.3 KB)
@Krazay thanks a lot
very nice! this is a missing feature for the web development.
this is perfect for the responsive navigation
A variant without dropdown for desktop layout would be equally useful ?
you can have a horizontal or vertical menu with css.
Good Idea!
BTW Menu doesn’t show on last 2 scenes if you jump straight to them on first load in your example
If you go through them in order or jump to Peach and then go them it’s fine.
maybe some ajax and document ready… i just tried that and got the same error… weird.
If you change the first Scene’s Symbol to a persistent one and the replace all the other scene’s symbols with it. Then everything will work as expected.
automenubuilder 2.zip (122.4 KB)
VERSION 3
improved CSS
more similar in all browser
now you can change color of the rectangle in hype, by default the button is white, opacity 60%.
Persistent Symbol with autosize ( horizontal), thanks to css ( embedded in the symbol) you can resize the symbol horizontally with different lenghts in each layout (or scene), without timeline, just resize the box!.
Added full list or “scene Transitions” ( for testing)
New iPhone layout ( for testing the Persistent symbol with different lenghts)
AutoMenuBuilder-3.hype.zip (1.2 MB)
Nice collaboration - Thanks to All!
You guys are great… went to bed with that small problem and wake up, and you guys have so improved it! LOL
I must admit I love code and this forum, you guys are all great!
Great - thanx a lot!
I’m up for anything… Throw it up…looks good with the colours.
You are a true artist michelangelo!
Hello,
I downloaded the the auto menu builder add on; works great in preview, but when exporting as HTML5 there seems to be an error with onSceneChange()
Any ideas on this problem?
Thanks!
The script as-is requires the exported file to be named “index” - this comes from inner html within the Rectangle of the menu_autofit_horizontal persistent symbol:
HYPE.documents['index'].functions().changeScene(HYPE.documents['index']);
Thanks for your quick response. That solved the problem.
Hi guys!
This menu is great! Jonathan's last post was a life-saver!
I've run into a conflict in code and I'm hoping one of you can help.
When I use the hype Scene Inspector to add swipe navigation, the auto scene menu stops working.
Does anyone know a fix?
Thanks always!
Scott
Here is a simpler version with local code:
Select Scene Persistant Symbol.hype.zip (31,9 KB)
Thank you Max! I will give it a try!