Net Promoter

GailGail Downingtown, PA USACommunity Member Qubie ✭

Net Promoter

Using the Net Promoter **survey to accomplish look/feel that I couldn't seem to in **Slider **or **Multiple Choice.

Questions:
1) Can gray boxes (0-10) have a light to dark/gradation feel to them?
2) Can gray boxes be made wider or closer together to fill void (keep a slight space as in sample)?
3) Font for Qualtrics sample appears different than default?

Please refer to samples.

Many thanks!!!

Best Answers

  • [Deleted User][Deleted User] Qubie ✭
    edited November 2018 Accepted Answer

    Hello @Gail ,

    Below code is to achieve point 2. Paste the code in the js(onReady) of the NPS question
    jQuery("#"+this.questionId+" .ChoiceStructure").css("border-spacing","1px");

  • [Deleted User][Deleted User] Qubie ✭
    Accepted Answer

    @Gail said:
    Thank you once again - you're good!!

    Is there a way for text to change back to default - currently when clicked white text is lost.

    Paste the below CSS in the Add custom Css

    .NPS .Skin label.MultipleAnswer.q-checked, .Skin label.SingleAnswer.q-checked {
    color:white!important;
        background:#007ac0!important
    }
    

Answers

  • GailGail Downingtown, PA USACommunity Member Qubie ✭

    Great - thank you. Any thoughts on gradation for blocks?

  • @Gail said:
    Great - thank you. Any thoughts on gradation for blocks?

    Paste the below code in js(onReady) of the NPS question:

     var c=["#f9f9f9","#ececec","#ececec","#dfdfdf","#dfdfdf","#d3d3d3","#d3d3d3","#c6c6c6","#c6c6c6","#b9b9b9","#acacac"];
        for(var i=0;i<=11;i++){
            jQuery("#"+this.questionId+" label.SingleAnswer:eq("+i+")").css("background",c[i]);
        }
    

    Output:

  • GailGail Downingtown, PA USACommunity Member Qubie ✭

    Thank you once again - you're good!!

    Is there a way for text to change back to default - currently when clicked white text is lost.

  • GailGail Downingtown, PA USACommunity Member Qubie ✭

    Once again...thank you!!

  • AndrewCohen44AndrewCohen44 AtlantaCommunity Member Qubie ✭

    This worked great. Thank you for this thread! One question - Is there a way to allow this coloring to show with a black background? My survey's background is black and this color changes do not show. Is there a way to make them 'Come to Front'?

  • AndrewCohen44AndrewCohen44 AtlantaCommunity Member Qubie ✭

    And one other question - How can you imbed this custom look into the survey email? I don't see an option when adding a 'Inline Email Question' to use this custom view. Thank youQ

Sign In to Comment