@Vinoth_Mathaiyan, Use a CSS something like the following where hover and focus apply the same style: .Skin label.q-checkbox:hover, .Skin label.q-checkbox.q-focused {border: 2px solid black;} Thank you so much, TomG
@TomG : Do you have any suggestion on this?
https://designsystem.qualtrics.com/tooltip Tooltip listed over here works great in accesibility software! But I’m not sure how to replicate in Qualtrics surveys. Any sugggestions?
Thank you, @Shivamvig_sv : But still speech viewer did not read the text in tol tip
Thanks @Shivamvig_sv : But for some reason when I tab i’m still not getting the outer border
Yes, you coujld I believe this is a simpler and more robust approach. The other solution relies on the timing of two different event handlers. This also supports the back button. Qualtrics.SurveyEngine.addOnload(function() { var q=jQuery(this.questionContainer), qobj=this, scid=q.find("[type=radio]:checked").attr("choiceid"); q.find("[type=radio]").click(function() { var cid = this.getAttribute("choiceid"); if(cid===scid) { qobj.setChoiceValue(cid, false); scid = 0; } else scid = cid; });}); Thank you so much @TomG It works!! But additional question though. Is it possible to enable radiobutton functionality using the keyboard instead of the mouse? Pressing the space bar currently does not check or uncheck the radiobuttn. Can the keyboard be utilized to perform the check and uncheck actions? Sorry to make it more complicated Yes, you could use a keydown event on the radio buttons. Like click, you would only have to do the uncheck since
I believe this is a simpler and more robust approach. The other solution relies on the timing of two different event handlers. This also supports the back button. Qualtrics.SurveyEngine.addOnload(function() { var q=jQuery(this.questionContainer), qobj=this, scid=q.find("[type=radio]:checked").attr("choiceid"); q.find("[type=radio]").click(function() { var cid = this.getAttribute("choiceid"); if(cid===scid) { qobj.setChoiceValue(cid, false); scid = 0; } else scid = cid; });}); Thank you so much @TomG It works!!But additional question though.Is it possible to enable radiobutton functionality using the keyboard instead of the mouse? Pressing the space bar currently does not check or uncheck the radiobuttn. Can the keyboard be utilized to perform the check and uncheck actions?Sorry to make it more complicated
Hi @Vinoth_Mathaiyan , on my end it is working with all of the Dynamic Themes (Desktop, Glacier Mountains, Mountain Valleys, Cherry Tree, Blank) and also the Flat, Modern, and Classic Layouts. Are you using a different Theme or Layout? No, using Dynamic Themes and flat. Let me double check
Hi, try adding the below to the OnReady section of the Multiple Choice question’s JavaScript: var qid = this.questionId;var selectedchoice = 0;jQuery("#"+qid+" .QuestionBody").on("mousedown , touchstart", function() {var selected = jQuery("#"+qid).find(".QuestionBody").find("[type=radio]");var selectedid = selected.filter(":checked").attr("id");var parts = selectedid.split("~");selectedchoice = parts[2];});this.questionclick = function(event, element) {var elementclick = element.getAttribute('value'); if (selectedchoice === elementclick) { this.setChoiceValue(selectedchoice, false); selectedchoice = 0; }}; @Tom_1842 : I believe this code is Theme specific. In some theme this code is not working. Will it help if I provide the code for select and unselectunselect<label for="QR~QID804~1" class="q-radio" aria-hidden="true" data-runtime-class-q-checked="runtime.Choices.1.selected"></label><span class="LabelWrapper"><label for="QR~QID804~1" id="QID804-1-l
Thank you, @Tom_1842 : It works!!
@Vinoth_Mathaiyan The following post should be helpful I need a code that can allow survey participants to deselect their clicked selection | XM Community (qualtrics.com) Hope it helps! Thanks @Deepak It appears that the current implementation involves adding an extra button, but what we actually need is a single-select option that can behave like a multi-select option, allowing users to select an item and then unselect it if they select the item again
Thanks @Shashi We avoid using multi-select options for accessibility reasons, as it may be difficult to comprehend for some users when presented as a list of multiple choices
qualtrics_nerd : Thank you so much, it helps!
dipeshsingh : It seems you're not using Engagement Survey platform
lavinia It is an inbuilt feature in TextIQ, we can't do any additional improvisation to the building functionality. If you're exploring other options like python there are more advanced natural language processing (NLP) library that includes lemmatization and spell-checking capabilities.
kathrynmacrae We used Python to generate unique values for all the survey questions and metadata or participant import.We downloaded the data from Qualtrics and use Python to create an Excel file as needed.
@Skye: I believe the import feature only allows certain question types to import. I'm not 100% sure. If questions are not supported you will have to manually type them in Qualtrics.If you need to convert a PDF or Word file to plain text using a text editor.
MCC11201 : You can set the "height" property to the desired value. Inspect element to get the class name.Skin .Matrix table thead td, .Skin .Matrix table thead th, .Skin .horizontalbar thead table.LabelDescriptions tr td, .Skin .horizontalbar thead tr td.NotApplicable { height: 150px;}
VictorAV : Sorry I'm clueless :( I believe the Qualtrics Support team can dig into the project and provide solution
@catalyst Can you try passing an id for div? Something like this and in CSS https://www.rd.com/wp-content/uploads/2018/02/30_Adorable-Puppy-Pictures-that-Will-Make-You-Melt_124167640_YamabikaY.jpg?fit=700,467" width = "100%" height = "100%" /> https://cdn-icons-png.flaticon.com/512/32/32175.png" width = "50%" height = "50%" class="imtip"/> Just look at this little white poof of cuteness. # Q2 div { position: relative; display: inline; left:10px; bottom: -10px;}# Q2 .imtip { position: relative; height: 50px; bottom: 510px; right: 70px; width: 50px;}
I believe the class name is conflicting and causing issues. Need to explore what is stopping to display of the checkbox.Additionally, would it be more efficient to use a Multi-Choice question instead of trying to add a checkbox within a Text/Graphic question?
The survey may be "inactive" which would prevent the dashboard page from being displayed. Can you check the status of the survey and make sure it is set to "active." If this is not an issue, could you try again recreating the role after clearing the cookies.
You may need to adjust the layout of the checkboxes. You can use CSS to adjust the size and placement of the checkboxes on the page.
To obtain a benchmark score for your survey questions, you can contact your Qualtrics account manager who will assess your survey question and provide the score and feedback
This jQuery might help// Declare variables for the start and end timesvar startTime1, endTime1, startTime2, endTime2;// Start timer for Scale 1 when the page loads$(document).ready(function(){ startTime1 = new Date();});// Stop timer for Scale 1 when the user clicks the next button$("#NextButton").click(function(){ endTime1 = new Date(); // Calculate the time spent on Scale 1 var timeSpent1 = endTime1 - startTime1; // Store the time spent on Scale 1 in a custom variable Qualtrics.SurveyEngine.setEmbeddedData("time_scale1", timeSpent1); // Start timer for Scale 2 startTime2 = new Date();});// Stop timer for Scale 2 when the user clicks the next button$("#NextButton").click(function(){ endTime2 = new Date(); // Calculate the time spent on Scale 2 var timeSpent2 = endTime2 - startTime2; // Store the time spent on Scale 2 in a custom variable Qualtrics.SurveyEngine.setEmbeddedData("time_scale2", timeSpent2);});
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.
