code to hide next button for 10 seconds and autoadvance after 10 seconds | XM Community
Skip to main content
Solved

code to hide next button for 10 seconds and autoadvance after 10 seconds

  • October 4, 2019
  • 5 replies
  • 612 views

PeeyushBansal
Level 6 ●●●●●●
Forum|alt.badge.img+43
Hi All, Can some help me with code to hide next button for 10 seconds and autoadvance after 10 seconds

Best answer by PeeyushBansal

Hi @TomG , Can we activate button on answer click rather than auto forwarding after 10 seconds.

5 replies

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • 6084 replies
  • October 4, 2019
``` Qualtrics.SurveyEngine.addOnReady(function() { this.hideNextButton(); setTimeout(function() { jQuery("#NextButton").click(); },10000); }); ```

PeeyushBansal
Level 6 ●●●●●●
Forum|alt.badge.img+43
  • Author
  • Level 6 ●●●●●●
  • 1171 replies
  • Answer
  • October 10, 2019
Hi @TomG , Can we activate button on answer click rather than auto forwarding after 10 seconds.

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • 6084 replies
  • October 10, 2019
> @bansalpeeyush29 said: > Hi @TomG , > > Can we activate button on answer click rather than auto forwarding after 10 seconds. ``` Qualtrics.SurveyEngine.addOnReady(function() { this.hideNextButton(); jQuery("#"+this.questionId+" input[type=radio]").click(function { jQuery("#NextButton").show(); }); }); ```

PeeyushBansal
Level 6 ●●●●●●
Forum|alt.badge.img+43
  • Author
  • Level 6 ●●●●●●
  • 1171 replies
  • October 11, 2019
Thanks Tom, one more question in a grid we are shading alternate rows and i also have group header which is getting shaded too can we change this and how? `tr.ChoiceRow{ background-color:#F0F0F0; } tr.ChoiceRow.ReadableAlt{ background-color:white; }`

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • 6084 replies
  • October 11, 2019
> @bansalpeeyush29 said: > Thanks Tom, one more question in a grid we are shading alternate rows and i also have group header which is getting shaded too can we change this and how? > > `tr.ChoiceRow{ > background-color:#F0F0F0; > } > tr.ChoiceRow.ReadableAlt{ > background-color:white; > }` You can assign group labels their own style which will override the row style. For example: `th.Group { background-color:#333;color:white;font-weight:bold; }`