Skip to Content (Press Enter)
UserImage.jpg
Abubacker Rafiq Shaheen
1463Views
3Comments
How to show content on mouseover in reactive web
Question
Usability

Hi 

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

Please pour your ideas.

1
0
04 Dec 2019
Copy Link
UserImage.jpg
Ellakkiya

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

1
1
04 Dec 2019
Copy Link
2021-01-05 18-22-18
andrew mahfouz

can you share demo for these

0
0
02 Jun 2021
Copy Link
2020-09-15 13-07-23
Kilian Hekhuis
 
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.

1
0
04 Dec 2019
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.