Garden Gnome Software

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

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,

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...

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,

Hi Martin,

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

Tony

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,