Question and Block Preview Different From Survey Preview | XM Community
Skip to main content
Solved

Question and Block Preview Different From Survey Preview

  • April 4, 2025
  • 2 replies
  • 53 views
M
Level 2 ●●
Forum|alt.badge.img+8

I have a survey with CSS added into the “Look & Feel” portion. It adds a line before the last option (“Other, please specify: “).

In the question preview AND the block preview, this displays perfectly. However, in the survey preview the line is missing.

  • I have tried rebuilding both the question and the block to no avail. Single choice questions in another block work, so unsure about the cause.
  • I tested on both Edge & Chrome and I cleared my cache / cookies.
  • There is no specific HTML in the question.

Does anyone know what could be causing this / how I would fix it? Thank you!

Survey Preview: 

 

Block Preview: 

 

Best answer by MaggieGentry

​@TomG 

I figured out the issue.

I was using a <ul class="ChoiceStructure"> with each choice as a <li class="Selection ...">.So - after running an Inspection - the fix was simple: the last list item doesn't use the class Choice — it uses Selection (Selection reg or Selection alt). That’s why my previous selector wasn’t matching anything.

Had to replace Replace li.Choice:last-of-type with li.Selection:last-of-type.

Everything else worked perfectly! 

2 replies

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • TomG
  • Level 8 ●●●●●●●●
  • 6084 replies
  • April 7, 2025

What CSS are you using?

M
Level 2 ●●
Forum|alt.badge.img+8
  • MaggieGentry
  • Author
  • Level 2 ●●
  • 43 replies
  • Answer
  • April 7, 2025

​@TomG 

I figured out the issue.

I was using a <ul class="ChoiceStructure"> with each choice as a <li class="Selection ...">.So - after running an Inspection - the fix was simple: the last list item doesn't use the class Choice — it uses Selection (Selection reg or Selection alt). That’s why my previous selector wasn’t matching anything.

Had to replace Replace li.Choice:last-of-type with li.Selection:last-of-type.

Everything else worked perfectly! 


Terms & ConditionsAccessibility statement