Open Lightbox Menu with onmousein rather than click

Ask the community
,
1

I built out a multilayer menu using light boxes. I needed the ability to expand the menu at any time, and the standard menu wouldn’t cut it. I got it almost all the way there, but I’m trying to when you mouse over the button, it pops the menu box open rather than having someone have to click the button…it’s not intuitive. I’ve tried several iterations, but can’t seem to get this right.

Also, I want it to close on mouse out, and I need to pin the menu to the menu bar, so it doesn’t stay in place if you move the screen. Screen shots applied, thanks for any help!

1397×780 517 KB

2

in editor right click on the button that you want to use and go to view properties.
Then next to onMouseIn click the plus button.
Then go to the bottom of the page in the wix code section type

import wixWindow from 'wix-window';
wixWindow.openLightbox("LightboxName");
3

To close do the same for onMouseOut but with

import wixWindow from 'wix-window'; 
wixWindow.lightbox.close();
4

Had the same you posted before, but took yours and dropped it in…still not working. Here is what I have:

// For full API documentation, including code examples, visit Velo API Reference - Wix.com


import wixWindow from ‘wix-window’;
export function button36_mouseIn(event) {
wixWindow.openLightbox(“LightboxName”);
}