81
Views
4
Comments
Onhover Sub Menu

I want to open the submenu when hovering over the menu item, Right now what I have implemented I need to click on the menu item to open the submenu.

I have used a submenu widget to implement this.





submenu.png
2025-04-17 05-42-16
Ajit Kurane

Hi Shubham,

Please find the attached oml and on Ak screen I have implemented the same use case.

I have used java script in onready event. Please check it.

Below is the javascript code:

var subMenu = document.getElementById($parameters.SubMenuId);subMenu.addEventListener('mouseover', function (e) {    this.classList.add('osui-submenu--is-open');});subMenu.addEventListener('mouseout', function (e) {    this.classList.remove('osui-submenu--is-open');});

Demo link:

Ak (personal-xyog61l7.outsystemscloud.com)

Thanks,

Ajit Kurane.

Submenuonhover.oml
2025-08-13 09-41-37
Shubham Sharma
Champion

Hi Ajit,

This is great but not responsive, It is not working on mobile as expected.

2025-04-17 05-42-16
Ajit Kurane

Hi shubham,

Its working on mobile at my side. Please check demo and attached file.

Demo Link:

Preview In Devices (personal-xyog61l7.outsystemscloud.com)

still if you are facing issues then can you please share your sample oml file. 

Thanks,

Ajit Kurane.

 

mobileSubmenuOnhover.oml
2025-08-13 09-41-37
Shubham Sharma
Champion

Hi Ajit,

Yes, I have checked it but in mobile view, once you clicked on the menu it will open but again if clicked on that it does close .

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.