Anyone know how to target a Loop & Merge field (e.g., ${lm://Field/2}) with CSS? | Experience Community
Skip to main content
Solved

Anyone know how to target a Loop & Merge field (e.g., ${lm://Field/2}) with CSS?

  • July 22, 2020
  • 1 reply
  • 93 views
M

tl;dr
Is there some custom CSS code I can insert in the Look & Feel area that would target every occurrence of ${lm://Field/2} in my survey?
(If I used the Rich Content Editor, it would take me a very long time and I want to be able to change my mind about the color I want to turn every occurrence of ${lm://Field/2}.)
Thanks! 😀

Background
I have a survey with a block of questions the respondent answers about each of their children (whose names they've enumerated in a previous block). I've implemented a Loop & Merge for this purpose, and it works. In each question in the block, the "current" child's name appears so that the respondent is always clear about which child they're answering about at the moment. An example of a question's text is:
How would you rate ${lm://Field/2}'s athletic ability?
And with each loop, the children's names stored in the Loop & Merge's Field2 appear appropriately. Now I just want to be able to style them in one fell swoop.
Thanks!






Best answer by SurajK

You can add ${lm://Field/2} in some span class with a proper class name and using that class you can adjust the CSS on overall basis.
${lm://Field/2}
In look & feel, you can add the css,
.childname{color:red;}

    1 reply

    SurajK
    QPN Level 3 ●●●
    Forum|alt.badge.img+4
    • SurajK
    • QPN Level 3 ●●●
    • Answer
    • July 22, 2020

    You can add ${lm://Field/2} in some span class with a proper class name and using that class you can adjust the CSS on overall basis.
    ${lm://Field/2}
    In look & feel, you can add the css,
    .childname{color:red;}

    Terms & ConditionsAccessibility statement