Advanced accordion menu

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
User avatar
lveerde
Posts: 48
Joined: Thu Oct 01, 2015 11:03 pm
Contact:

I am looking for a way to make clean and responsive accordion menu. It would be useful for virtual tours larger than 20 nodes.
An example: http://www.menucool.com/vertical/accordion-menu
It has to be done, using scrollfield. Inside the scrollfield there can be multiple cloners which will hold the submenus. The submenus consist of cloned text fields with $ut paceholders.
The problem is - how to align these submenus in relation to other submenus and main menu buttons. So that when any one of the main menu button is pressed, the menu items at the bottom slide down by the length of the upper menu.
Please check my recent tours at: https://www.tuur.ee/en
User avatar
Hopki
Gnome
Posts: 13004
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi LVeerde,
Pano2VR can use tags that can control the content of the cloner, so drop down and thumbnail menus.
You would only need to display headings such as Ground Floor, First Floor etc.
The drop down list then would only contain the the relevant panos for that heading.

In the attached project it has two columns, the first main menu and then on hover brings up a sum menu.
Both main and sub menus have a scroll areas so many hundreds of panos can be categorised and displayed.

This all works on the understanding that the panoramas have tags.
In this example nodes one and two have the tag "gf" for Ground Floor and node three has the tag "ff" for First Floor with the remaining two nodes having the tag "sf", Second Floor.

The only manual thing you have to do is copy text boxes and modify actions to the main menu which in the element Dropdown Scrollarea.
To add more text boxes just copy the text box "sf" found in the scrollarea and paste. From the Tree drag it into the Dropdown Scrollarea so it is now on top of the text box sf.
Give it a new skin ID and set the action to show the tags you would have set for your panoramas.

Now set its Y position to 100px.
The other text boxes are set in 25px steps so if you add a fifth it would have Y position 125px, the next 150px and so on.

Ok I know its not an accordion menu but that looks like it would get quite long if you had lots of panoramas, this menu will get no bigger with hundreds of panos.
Regards,
Hopki
Attachments
menu.zip
(55.88 KiB) Downloaded 325 times
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
User avatar
lveerde
Posts: 48
Joined: Thu Oct 01, 2015 11:03 pm
Contact:

Thanks for looking into this. The provided example is good, but not the one I am trying to create :)
Please check my recent tours at: https://www.tuur.ee/en
User avatar
Hopki
Gnome
Posts: 13004
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi LVeerde,
You can make the exact same menu but you would need to make everything manually.
Use containers with masks and also use change element position actions to move text boxes down and up as the menu needs to expand.
Looking at the accordion menu I think it would start to get quite long if lots of panos will be used.
Regards,
Hopki
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
User avatar
JRumball
Posts: 66
Joined: Wed Jun 11, 2014 10:45 am

Martin,

In your menu.zip example, what have to done to the skin to allow the mouse to move from the main menu to the submenu without the submenu disappearing??

I am working on this exact thing in my current project. Although I can get the submenu's to appear, I can never click on them as they disappear once I move my mouse off the main menu item. I've spent hours try to get this working and I know I'm sooooo cloose. :)

Thanks.


John
Post Reply