Hello Qualtrics community, We want to make a dropdown list with a folded style. We use a drilldown question and initialize the question as "select2". We use the following code. But it doesn't work. We can't figure why. The CSS in Style: > li.ChoiceGroup { > background-color: #eee; > color: #444; > cursor: pointer; > padding: 18px; > width: 100%; > border: none; > text-align: left; > outline: none; > font-size: 15px; > transition: 0.4s; > } > > li.ChoiceGroup.active { > background-color: #ddd; > font-size: 20px; > } > > ul.ChoiceGroupStructure { > padding: 0 18px; > background-color: white; > max-height: 0; > overflow: hidden; > transition: max-height 0.2s ease-out; > } > > li.Selection { > padding: 0 18px; > background-color: white; > max-height: 0; > overflow: hidden; > transition: max-height 0.2s ease-
Hi Qualtrics community, We want to set a question and show the respondent's name in the question. Also, we want to generate individualized links for the participants. I have tried to search if there are similar questions in the community but I failed to find one. Or maybe I used wrong words for searching. How can we do this? Thanks a lot!
Hello Qualtrics community, I use a Multiple Choice question (Multiple Answer) with more than 100 choices. Each subject can only select up to 5 answers. I want to change the unselected choices' background color when a subject selects 5 choices. My code does not work. Only the background color of choices with sepicific ids (id = 2, 5, 6) changed. Is there something wrong? (In the preview mode, the choices looks like buttons, not checkbox.) Here is my code: >if(selectedchoice.length==5){ > jQuery("#"+ this.questionId +" input:checkbox:not(:checked)" ).attr("disabled", true); > > var t1 = jQuery("#" + this.questionId + " input:checkbox:(:checked)").attr("id"); > for (var s1=0; s1<t1.length; s1++){ > jQuery("#" + this.questionId + " label.MultipleAnswer:eq(" + t1[s1] + ")").css("background","blue"); > }; > > }else{ > jQuery("#"+ this.questionId +" input:checkbox:not(:checked)" ).attr("disabled", false); > }; Than
Hello, I use Matrix Table --> Profile, Multiple Answer and hide some choices. I want to change the background color of some rows. But I find that it seems that I cannot change the background color of the choices which are hidden. This makes the table look ugly. Is it possible to change the background color? (The attached file shows an example. Is it possible to change the background color of a whole row?) Another question is that I want to limit the number of selected choices for the entire Profile, Multiple Answer question, not for only one of the multiple rows. The following is the code. But it doesn't work. What's wrong with it? `//width of the columns jQuery("#" + this.questionId).find("th.c1").css("width","18%"); jQuery("#" + this.questionId).find("th.c3").css("width","20.5%"); jQuery("#" + this.questionId).find("th.c4").css("width","20.5%"); jQuery("#" + this.questionId).find("th.c5").css("width","20.5%"); jQuery("#" + this.questionId).find("th.c6").css("width","20.5
Hi, Qualtrics community We have a list of options for subjects to select from. I use Multiple Choice question-->Multiple Answers. But I want to group the options and make subjects select more than one options. I tried to add groups and assign options to different groups. But I found that the layout can only be verticle. I think the list of options is too long and want to use matrix layout. How can I do that? Here is a picture which depicts how I want to design the layout of the questions. Could anyone help me? Thanks very much! (The attached file shows the design)
I use javascript to set a Multiple Answer question. I set that subjects can only select 5 choices. When they select 5 choices, the unselected choices will be disabled. When I preview the questionnaire, I find that the code works in the browser view, but it fails to work in the mobile phone view. What's wrong with it? How can I solve this problem? Thanks a lot. Here is the code I used: > this.questionclick = function(event,element){ > var selectedchoice=this.getSelectedChoices(); > if(selectedchoice.length==3){ > jQuery("#"+ this.questionId +" input:checkbox:not(:checked)" ).attr("disabled", true); > }else{ > jQuery("#"+ this.questionId +" input:checkbox:not(:checked)" ).attr("disabled", false); > }; > };
I use a Select2 question and want to change the font color of the names of the groups. The following code doesn't work: ''' jQuery("#"+this.questionId).find("select:optgroup").css("background","red"); ''' How can I do that? Thanks very much.
I have 3 x 3 Multiple Choice question. I want to change the background color of the first colomn in this matrix. How can I do it? And I am also wondering how I can change the setting of just a few choices in specific positions. But I don't know where I can get to know the id of the choices in the Multiple Choice matrix I set? Thanks a lot.
For "Multiple Choice" --> "Multi Select Box" question, is this type of question support users to select more than 2 choices? Can Qualtrics save the all the answers selected? Also, I find that the box of this question is too small. How can I resize the box and change the font size? I have tried to add css code in Header. But I found that the styles of all selection questions were changed. I just want to resize one Multi Select Box question. How could I do it with jQuery? Thanks very much.
Already have an account? Login
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
Sorry, we're still checking this file's contents to make sure it's safe to download. Please try again in a few minutes.
Sorry, our virus scanner detected that this file isn't safe to download.
