Skip to Content (Press Enter)
UserImage.jpg
Yuri Chekalin
112Views
4Comments
Solved
Web block enlarged by mouse hover
Question

Hi Everyone,

I'm trying to build this kind of web page, where there are say five web blocks (images+text), and each block would grow in size by 5% when the mouse pointer is inside. Basically to enlarge any block if mouse is hovering over it.

Can I do this using standard OutSystems web patterns?

Thanks!

0
0
11 Feb 2020
Copy Link
UserImage.jpg
Prasad Rao
Solution

Hi,

I am not aware if there is any out of box web pattern but it can be done very easy like the (https://www.w3schools.com/howto/howto_css_zoom_hover.asp) inside outsystems.

Regards.

See solution in context
2
0
11 Feb 2020
Copy Link
2020-09-15 13-07-23
Kilian Hekhuis
 
MVP

Hi Yuri,

You could simply use some CSS?

0
0
11 Feb 2020
Copy Link
UserImage.jpg
Prasad Rao
Solution

Hi,

I am not aware if there is any out of box web pattern but it can be done very easy like the (https://www.w3schools.com/howto/howto_css_zoom_hover.asp) inside outsystems.

Regards.

2
0
11 Feb 2020
Copy Link
UserImage.jpg
Yuri Chekalin

Thank you guys, especially Prasad! I'm not good with CSS and therefore that example was just what I've been looking for!

0
0
12 Feb 2020
Copy Link
2022-12-03 12-19-54
Aditya C

Hi Yuri,

How did you apply that Css? I also need to do the same.

Thanks in advance

0
0
26 Oct 2021
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.