Bigger display size on a zoom-in image | Experience Community
Skip to main content
JoseS
Administrator
1 year ago

Bigger display size on a zoom-in image

  • May 27, 2026 3:05 PM UTC
  • 6 replies
  • 111 views
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. 

6 replies

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

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

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

 

Forum|alt.badge.img+1
  • crystalxu
  • Author
  • May 30, 2026 1:24 AM UTC

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 ●●●●●●●●
  • Jun 1, 2026 9:40 PM UTC

Hmm are you using the New Survey Taking Experience?

Forum|alt.badge.img+1
  • crystalxu
  • Author
  • Jun 29, 2026 5:12 PM UTC

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 ●●●●●●●●
  • Jun 30, 2026 4:46 PM UTC

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

 

Forum|alt.badge.img+1
  • crystalxu
  • Author
  • Jul 1, 2026 6:11 PM UTC

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

 

Yes, it’s working now. I double checked to turn off the New Survey Taking Experience, and left “font” as “Default.” It’s all working now in my survey, as the one in your example. Thank you!!

    Terms & ConditionsAccessibility statement