I'm sorry but could you please show me how to implement using SubmenuOpenOnHover?

Thank you. 

Hi Kim,

Sure, can you try following the below-mentioned implementation steps:

1. Add the Submenu and SubmenuOpenOnHover elements in the module
2. Use the Submenu widget (define the Name property value) in the Menu block
3. Add all the Submenu screen links in the Submenu items placeholder
4. Define OnReady for the Menu block
5. In the OnReady screen action flow - call the SubmenuOpenOnHover client action passing the SubMenu widget Id

Refer this documentation: patterns/navigation/submenu

I hope this helps you!

Kind regards,

Benjith Sam

My brother. 

I did what you've told me but hover doesn't work. Did I do something wrong here? 

Hi,

I observed the same and I guess it might be related to react rendering. As a workaround - Call the SubmenuOpenOnHover action (using the JS element) asynchronously by wrapping inside the setTimeout function.

JS Snippet:

setTimeout(function () {
    $actions.SubmenuOpenOnHover($parameters.WidgetId);
}, 0);

Demo App: SubMenuHoverTask

I'm tagging this post with OutSystemsUI forge asset to notify the team about this observation.

Refer to the attached oml

I hope this helps you!

Kind regards,

Benjith Sam

Thank you brother. You are the MAN!!!

Yay! we got it solved.

Glad to help you :)

Kind regards,

Benjith Sam