Bigger display size on a zoom-in image | Experience Community
Skip to main content

Bigger display size on a zoom-in image

  • May 27, 2026
  • 5 replies
  • 34 views
C
Forum|alt.badge.img+1

I was trying to make the display size bigger for a zoom-in image. I followed the instructions on this page, and the zoom-in effect worked: the original full image shown on the left panel and the zoom-in effect shown on the right.

However, the entire display box for both the full-image panel and the zoom-in panel is small. Anyway to revise the codes to make the overall display window bigger? Tried different ways to revise the codes but couldn’t make it to work. 

5 replies

Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Tom_1842
  • Level 8 ●●●●●●●●
  • May 27, 2026

In .wrapper, try removing both height rules and then changing "width: 600px" to "width: 85vw"

.wrapper {
 display: flex;
 width: 85vw;
 margin: 10px auto;
}

 

C
Forum|alt.badge.img+1
  • crystalxu
  • Author
  • May 30, 2026

In .wrapper, try removing both height rules and then changing "width: 600px" to "width: 85vw"

.wrapper {
 display: flex;
 width: 85vw;
 margin: 10px auto;
}

 

Still not working… The view size DID become bigger but the Zoom-in effect got messed up. There’s the full-sized image on the left panel, and a small portion of the image (a static zoom-in view) on the right panel. 

Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Tom_1842
  • Level 8 ●●●●●●●●
  • June 1, 2026

Hmm are you using the New Survey Taking Experience?

C
Forum|alt.badge.img+1
  • crystalxu
  • Author
  • June 29, 2026

Hmm are you using the New Survey Taking Experience?

It’s “off” now. Should I turn it on?

Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Tom_1842
  • Level 8 ●●●●●●●●
  • June 30, 2026

The implementation on the other thread uses the legacy layouts, so I'd recommend using Flat or Classic if you can. How does it look when using one of those layouts?

I am having trouble recreating the issue on my end. How does it look for you in the below survey?

https://survey.az1.qualtrics.com/jfe/form/SV_eXa5LUSff6vXnM2

 

Terms & ConditionsAccessibility statement