Custom button not working as intended | XM Community
Solved

Custom button not working as intended

  • 18 November 2018
  • 1 reply
  • 4 views
M
I have created a custom button using following code:
<button id="service5">Add another service</button>
Whenever user clicks the button a text-box show up. I did that using JavaScript
Problem is even if user click outside of the button, inside the area shown in the picture, for some reason button gets clicked and the text box appears. I do not understand what I am doing wrong. I am new in qualtrics and would really appreciate your help. I have also attached the .qsf file here.

!
icon

Best answer by AdamBoston 19 November 2018, 10:49

View original

1 reply

AdamBoston
Rank
Userlevel 1
Badge
I'm not sure if it helps, but are you able to resize the button at least to reduce the chances of this happening?

I have a text box field appear once a radio button is pressed (so slightly different circumstances)

but the following worked by entering this into the JS for that question

Qualtrics.SurveyEngine.addOnReady(function()
{
/*Place your JavaScript here to run when the page is fully displayed*/
jQuery("#"+this.questionId+"-Advance").hide();
var that=this.questionId;
jQuery("#"+that+" .InputText").hide();
var n= jQuery("#"+that+" .InputText").attr('id');
var choicenumber=n.split("~")[2];
jQuery("#"+ this.questionId+" input[type='radio']").on('change',function(){
if(jQuery("[id='QR~"+that+"~"+choicenumber+"']").prop('checked')){
jQuery("#"+that+" .InputText").show();
}else{
jQuery("#"+that+" .InputText").hide().val('');
}
});

});

Leave a Reply


Terms & Conditions