Node preview with multiple dropdown menu

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
ficorfin
Posts: 11
Joined: Fri Oct 02, 2020 3:05 pm

Hi Hopki,

I've managed to create multiple dropdown menus for my project by following your webinars, thank you very much!

I want to refine them further but have not been able to make the node image appear as required.
I have stumbled across a similar drop "down menu expand" with a couple of extra "points of difference" that I like. I was hoping for some direction on how to implement these if possible.

(1) Transparent Buttons
(2) Node Image attached next to the active menu button (image acts as link to node)

Any assistance is greatly appreciated

Cheers
Attachments
Screen Shot 2020-11-09 at 10.36.02 am.png
Screen Shot 2020-11-09 at 10.36.02 am.png (1.16 MiB) Viewed 3179 times
User avatar
Hopki
Gnome
Posts: 13005
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi,
Have a look at the attached project.
How this works is there is a node image which is hidden in the output but its job is to generate all the node preview images.
The external image loader External 1, is what is actually showing the thumbnails.
The text box, node_text, has the action that when the mouse enters, it set the value to show the required preview image.
Regards,
Attachments
project.zip
(220.91 KiB) Downloaded 243 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
soulbrother
Posts: 545
Joined: Tue Apr 08, 2008 7:01 pm
Location: München
Contact:

Hi Hopki,
how to make such applications like "dropdownmenue with mouseover" work on mobiles/touchscreens?

Either to renounce the mouseover and set it to "click only"
or
to create 2 seperate menues.

OR is there any better solution in the meanwhile, that I did not discover?
OR do we need to wait for V7... ;-)
User avatar
Hopki
Gnome
Posts: 13005
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi,
You can use a click to show a preview image then use a double click to open a node, but this is not going to be very intuitive.

You can even use a timer that after a long press will change the node so gives you time to show and hide a thumb before the change node is triggered, the attached project does this with a Point Hotspot with a preview image.
This can be adapted to a menu.
We did explore this subject was in a webinar: https://ggnome.com/gg_webinars/skin-edi ... ve-design/
Regards,
Attachments
HotspotPreview.zip
(42.17 KiB) Downloaded 163 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
Tony
Posts: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi Martin,

How can I achieve the thumbnail preview if I'm using the Scroller element on the Node Cloner?

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
User avatar
Hopki
Gnome
Posts: 13005
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi Tony,
All visible elements will need to be inside the scroll area.
This means you would have the scroller to the right of the thumbnails which would not look good.
So I would explore a different menu type in your project.
There is already a feature request for being able to move the scroll bat to the left.

The only other thought would be to make the scroll bars alpha 0, then use a button to change the relative position of the inner element.
But this may not be a nice user experience
Regards,
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