Does anyone have CSS code to achieve the same result as the screen shot? | XM Community
Skip to main content
Solved

Does anyone have CSS code to achieve the same result as the screen shot?

  • January 24, 2019
  • 5 replies
  • 42 views
L
Forum|alt.badge.img
I am trying to get the survey to have the same look and feel as the Qualtrics support "Was this helpful" section. Screenshot below. ! Does anyone have the CSS script to achieve this result?

Best answer by Anonymous

Hello @Logan , Paste the below code in the js(onReady) of the Multi choice question with position "Horizontal" and label position "Side" jQuery("<li width='25%' style='vertical-align:middle' class=' '><p style='white-space: nowrap'>Was this helpful?</p></li>").insertBefore(".ChoiceStructure .Selection:eq(0)"); jQuery(".QuestionText").hide(); jQuery("#"+this.questionId+" label.SingleAnswer").css({"padding":"5px","display":"inline-block"});
    w.patrick.gale
    mnevill
    R

    5 replies

    w.patrick.gale
    Level 3 ●●●
    Forum|alt.badge.img+13
    • w.patrick.gale
    • Level 3 ●●●
    • January 29, 2019
    @Logan You should learn to use the developer tools in your browser (F12 key in Firefox) to view HTML elements on a website and the CSS being used on them.
    A
    • Anonymous
    • Answer
    • March 8, 2019
    Hello @Logan , Paste the below code in the js(onReady) of the Multi choice question with position "Horizontal" and label position "Side" jQuery("<li width='25%' style='vertical-align:middle' class=' '><p style='white-space: nowrap'>Was this helpful?</p></li>").insertBefore(".ChoiceStructure .Selection:eq(0)"); jQuery(".QuestionText").hide(); jQuery("#"+this.questionId+" label.SingleAnswer").css({"padding":"5px","display":"inline-block"});
    L
    mnevill
    • mnevill
    • March 19, 2019
    We would like to use the "Was this helpful? Yes|No" exactly like this to get input on articles in our KB, but are not sure of exactly how to implement it. Sorry for the dumb question, but can you outline the all the other steps to embed something like this on a site assuming we have the intercept code loaded in the header?
    mnevill
    • mnevill
    • March 19, 2019
    @Shashi - I forgot to at mention you in my last comment. If you can help, I'd greatly appreciate it.
    A
    • Anonymous
    • March 19, 2019
    > @mnevill said: > @Shashi - I forgot to at mention you in my last comment. If you can help, I'd greatly appreciate it. Sure! Paste the above code in the question js(OnReady) of the survey which you have embedded (target) in the website feedback
    L
    mnevill
    Terms & ConditionsAccessibility statement