How to create a toggle menu slider

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
Joshua007
Posts: 6
Joined: Fri Aug 26, 2022 3:38 pm

Hello Everyone,

I am using pano2vr 6.1.4 Pro version and I am trying to create a sliding toggle menu in the bottom left of my panoramic or virtual tours.

i)The toggle bar will just show a branding text label and when I hover over the text, it will change text label to "Toolbar".
2)When I click it, the button will slide out to the right showing the menu system to control the panoramic or virtual controls.
3)When I hover over the controls, I want to show the control labels.
4)When I select my toggle button again, the button will slide back to the left, hiding the controls.

I have attached a rough visual sketch on want I want to achieve.

Any help in the right direction will be greatly appreciated.

Kind regards
Joshua Akin
Attachments
menu toggle slide skin.jpg
menu toggle slide skin.jpg (711.31 KiB) Viewed 688 times
User avatar
Hopki
Gnome
Posts: 13004
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi Joshua,
Sorry for the late reply, but what you need to look at is the Change Element Position action.
To help, open the skin editor and select View, Show off-Canvas Elements.
This allows you to mode elements off the canvas and will still be viewable.
Please see the attached project.
It has a rectangle, 100px wide, off-screen to the left, so -105px.
Then a text box acting as a button has a Toggle Position action.
You can use the Easing Function to affect how it looks when it slides in and out.

You can also use a variable, so a true/false variable.
Then use the position logic block in the rectangle element.
This has the advantage that you can then have many elements move with one button click, see project2.
Regards,
Attachments
project2.zip
(13.45 KiB) Downloaded 92 times
project.zip
(13.13 KiB) Downloaded 81 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/
Post Reply