How to show content on mouseover in reactive web

Hi 

I am stucking to achieve mouseover to show other content in reactive web app in menu

Please pour your ideas.

Abubacker Rafiq Shaheen wrote:

Hi 

I am stucking to achieve mouseover to show other content in reactive web app in menu

Please pour your ideas.

Hi Abubacker Rafiq Shaheen,

you can achieve this using jquery

$("#Container1").mouseover(function(){
      $("#Container2").css("display","block");
   });
   $("#Container1").mouseout(function(){
      $("#Container2").css("display","none");
   });

This may help you !


Regards,

Ellakkiya.s

@Ellakkiya: Like on Mobile, you do not want to use jquery on Reactive! Reactive Web is based on a different technology, and jquery will slow down and bloat your app!

@Abubacker: first, like on Traditional Web, you can add a "title" as extended property for simple mouse-over text to show (in case of Images and Links, there's already other properties to use). If you want to show actual content, use the Tooltip pattern from OutSystems UI.