Topics started by MaggieGentry | XM Community

Topics started by MaggieGentry

11 Topics

M
Level 2 ●●
MaggieGentryLevel 2 ●●
asked in Custom Code

How to remove code from JUST one question?

Hi All, I have this code programmed on the THEME of my survey:.Skin .Matrix table thead th:last-of-type { border-left: 2px solid #8D8D8D4D;} .Skin .Matrix table .ChoiceRow td:last-of-type {  border-left: 2px solid #8D8D8D4D; } .Skin .Matrix table .ChoiceRow td:last-of-type label {  margin-left:0px; } .JFEScope .Skin .Matrix .q-matrix.mobile table td:last-of-type {  border-top: 2px solid #8D8D8D4D;  border-left: 0px;}.JFEScope .Skin .Matrix .q-matrix.mobile table td:last-of-type label {  margin-top:0px; } HOWEVER, I don’t want to apply it to a (single) question. Is there a way to overwrite this in the javacode for a single question? - I would like it still applied to the theme, just removed/ignored for a single question.

4
M
Level 2 ●●
1 month ago
M
Level 2 ●●
MaggieGentryLevel 2 ●●
asked in Custom Code

How to change auto-advance by question/question response

How can I enable auto advance in the theme BUT disable on the last question/question block. I want people to be FORCED to answer a question but NOT autoadvance to close, after answer is submitted. Any javascript? Any HTML code? Or is there code for each block to autoadvance? Help!Update to my question. If yes is selected here, I want to autoadvance to next screen/closing. If no is selected, I don’t want anything to happen. So how do I implement autoadvance on the whole survey BUT only one response for the last question?  

11
M
Level 2 ●●
1 month ago
M
Level 2 ●●
MaggieGentryLevel 2 ●●
asked in Custom Code

Change comma separated list to :: separated list

Hi All, I created a custom embedded data field and I want to remove the commas (,) from the separations. I would prefer to update to say "replace , with ::" but I am also amendable to removing the , altogether and programming :: at the end of each question selection. Here is what I have so far:This is a multi-select question, and I need to display in a list like this inpatient::board, etc.

26
JoseS
Former XM Community Team Member
5 months ago
M
Level 2 ●●
MaggieGentryLevel 2 ●●
asked in Custom Code

Replacing , with :: on more than 3 choices

Ran into a quandary. Can you help?The Javascript is only concatenating the first few (3 to be exact) selections with "::" for multiple different fields. When more than 3 items are selected, there is no “::” only “,”Example: Three or less selected:PERFECT: City of Fishers::Community Physician Network::Community Physician Network - All::CPN Providers NOT PERFECT (MORE THAN 3 SELECTED): ACO, Ambulatory Pharmacy, Analytics Associate Feedback, Infusion, Inpatient, Inpatient Psych - FairbanksHere is my code - any thoughts/what can I do to update this to capture more than 3 selections?:Qualtrics.SurveyEngine.addOnload(function(){/*Place your JavaScript here to run when the page loads*/var string = '${q://QID5/ChoiceGroup/SelectedChoices}';var new1=string.replace(/\\s*,\\s*/g, ",");var replacestring= new1.replace(/,/g , '::');console.log(replacestring)console.log(new1)Qualtrics.SurveyEngine.setEmbeddedData( 'Role', replacestring );});Qualtrics.SurveyEngine.addOnload(function(){/*Place your Jav

2
M
Level 2 ●●
5 months ago
M
Level 2 ●●
MaggieGentryLevel 2 ●●
asked in Custom Code

Add horizontal line to a Matrix Table

Hi All, I am attempting to add a horizontal line between Severe and Not Applicable on this Matrix table. However, I don't know the code for a horizontal line here:

6
JoseS
Former XM Community Team Member
6 months ago
M
Level 2 ●●
MaggieGentryLevel 2 ●●
asked in Custom Code

Resize Videos to Fit Screen

Hi Qualtrics Community!I need help! I need my videos to resize to fit screen/browser size. I looked at other posts and everything references an iframe code. That said, I am not seeing that in my code.How do I adjust my videos to auto adjust to screen size? Here is what I have now...<video width="auto" preload="auto" height="auto" controls="true" class="qmedia"><source type="video/mp4" src="https://feedback.ecommunity.com/CP/File.php?F=F_HmyF1HkDyr2BBzD"></video>

3
Nam Nguyen
QPN Level 7 ●●●●●●●
8 months ago
M
Level 2 ●●
MaggieGentryLevel 2 ●●
posted in Survey Platform

Add a horizontal line on 2nd to last of type

I have done this before, but totally forget how to do it!I want to add a horizontal line - not on the last of type - but second to last of type:#QID21 li:last-of-type { border-top: 2px solid #8D8D8D4D; }#QID21 li:last-of-type label { margin-top:10px; }What do I do with this code. I feel like there is a (2) or something similar that I need to program/is involved. Also, I would like to "largely" use the code above/don't want new css/javascript - but would like to use the above "bones"

4
M
Level 2 ●●
8 months ago
M
Level 2 ●●
MaggieGentryLevel 2 ●●
asked in Custom Code

Align Middle/Left Align Text to Image

How do I middle align and left align this text to the image in the button?I know I can use HTML code, but what does that code look like?Firstly, left align all text to the image?And then how do I center align the text to the image? 

11
ArunDubey
QPN Level 8 ●●●●●●●●
10 months ago
M
Level 2 ●●
MaggieGentryLevel 2 ●●
posted in Custom Code

Horizontal line divider for a loop & merge question

Hi, I have a loop & merge block and have added this code to the applicable questions:#QID14 li:last-of-type { border-top: 2px solid #8D8D8D4D; }#QID14 li:last-of-type label { margin-top:10px; }This code is SOLID for non-loop & merge questions. However, I cannot figure out why it is not working for loop & merge. What is even more odd is that it works in "Preview Question" but not "Preview survey" - screenshots below:Preview Question:Preview Survey:

0
M
Level 2 ●●
1 year ago
M
Level 2 ●●
MaggieGentryLevel 2 ●●
posted in Custom Code

Add horizontal line to Group Question

Hi, I want to add a horizontal line divider to a Grouped list. However, I only want it to apply to the LAST item of the whole list, not each group. In current state, when I apply this code, it applies a line above the last choice of each group:#QID30009 li:last-of-type { border-top: 2px solid #8D8D8D4D; }#QID30009 li:last-of-type label { margin-top:10px; }However, I want only one line above the end of this list (where the red line is located):

0
TomG
Level 8 ●●●●●●●●
1 year ago
M
Level 2 ●●
MaggieGentryLevel 2 ●●
asked in Custom Code

Vertical Line Divider In Horizontal List

Hi All, I am attempting to add a vertical line divider in a horizontal list/multiple choice horizonal list.Essentially, this:Strongly agree Agree Neither agree nor disagree Disagree Strongly Disagree | Don't knowHere is the current code I have; however, the vertical line divider is not appearing:#QID3 li:last-of-type { border-left: 2px solid #8D8D8D4D; }#QID3 li:last-of-type label { margin-left:10px; }Can you please help?

0
Tom_1842
Level 8 ●●●●●●●●
2 years ago

Productivity playlist

Terms & Conditions