How to show content on mouseover in reactive web
Question

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

can you share demo for these

mvp_badge
MVP

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

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