Hi, I just adjust the line height of other text elements on the page to match the extra space of the inputbox. I admit this is a “silly” solution, so I am willing to see more efficient ways.
This should do what you are aiming for: https://drive.proton.me/urls/117YG2KBEG#2uEnrzjyFKMJ Demo here: https://iima.au1.qualtrics.com/jfe/preview/previewId/d9d3df54-84ce-4e9e-a451-7e115020eef1/SV_2ir2gQNkhBmGB4q?Q_CHL=preview&Q_SurveyVersionID=current Hello AhmedA,Firstly, I would like to extend my deepest gratitude for your insightful response, which presented an exceptionally clever solution. It closely aligns with what I was looking for, with one minor aspect requiring adjustment: the relative dimensions of the two options.In your demonstration, Option B on the right exhibits greater width and height. As illustrated in the figure below, I attempted to align the widths by breaking the text lines within each option. However, this approach falls short of an ideal resolution. To equalize the heights, I adjusted the margin and padding of the input box, albeit unsuccessfully. While setting the padding to "0px 0px" effectively reduces the padding on the left and right sides of th
Hi @TomG,Thanks for your patient about my post.I try to locate the mistake, and I realize it may be caused by the question type:As you can see, I have add the fixed2 tag to all three placesscreen shot for question editingHowever, I can only see the tag style works for the question lable but not option label.Preview pageCould you please have a third look on it? Thank you
@TomG Hi, I have also tried to paste your codes without any change, which still shows 0.1 not 0.10. This is also the reason why I was trying to replace it with QID25.Regards,
Hi @rgupta15, Could you please share how do you set the validation in JS section?Thank you. Best,
Inspried by @vgayraud and @dxconnamnguyen, there is another way to solve this problem partially, and I want to share it in case someone happens to need it.Qualtrics.SurveyEngine.addOnload(function() {const len = 19;const sourceValue = "${e://Field/wholerange_unit}";for(let i=0;i<len;i++){var formattedValue = parseFloat(sourceValue * (i+1)).toFixed(2);Qualtrics.SurveyEngine.setEmbeddedData("Formatted" + i, formattedValue);}});With above codes, a series of embedded value “Formatted0”, …, “Formatted18” will be created (Please remember to set them in survey flow too). They then can be used.
Hi, @TomG Thanks for your attention. I have tried to paste your codes to the option label and JS place respectively. Specifically, I tried the JS codes as below:Qualtrics.SurveyEngine.addOnload(function() { jQuery("#"+this.QID25+" .fixed2").each(function() { var el = jQuery(this); el.text(parseFloat(el.text()).toFixed(2)); });});where QID25 is the question ID. It turns out that the zero are still eliminated (i.e., still 0.1 not 0.10).Besides, I also tried Qualtrics.SurveyEngine.addOnload(function() { jQuery("#"+QID25+" .fixed2").each(function() { var el = jQuery(this); el.text(parseFloat(el.text()).toFixed(2)); });});and directly pasted the codes you provided without any other style setups to exclude any potential influences.<span class="fixed2">$e{ e://Field/EV_unit_01 * 1 }</span>However, I still cannot see any change.Could you please instruct me where I am wrong? Best,
@vgayraud Thanks for replying.So, seemingly there is no way to set that globally. I wish Qualtrics can make the round function more advanced in the future.
Hi, @vgayraud The “X” (i.e., 1, 2, …, 19) is entered into the option label as below:Thanks
@dxconnamnguyen Thanks for the reply.I see your point here. However, this is not my intention. My choice lists have 19 rows. That’s why I need to introduce the embedded values such as 0.01 and 0.05, so that I can get various corresponding choice lists (such as from 0.01 to 0.19, and, from 0.05 to 0.95) easily without setting it manually. So, if I need to format the value for each rows of each list, it will be a heavy burden. I am wondering whether it is possible to apply the toFixed function to the html element of the choice lists? My choice lists are “Side by side” type question, and thus the subject I want to edit is span.LabelWrapper (please see below figure). Do you have any idea how to achieve this?Demo of my choice listThank you
Hi @dxconnamnguyen,Thanks for your answer. I have adapted and use your code as below.Qualtrics.SurveyEngine.addOnload(function() { var sourceValue = "${e://Field/EV_unit_01}"; var formattedValue = parseFloat(sourceValue).toFixed(2); Qualtrics.SurveyEngine.setEmbeddedData("Formatted_EV", formattedValue);});However, it does not work.If I understand correctly, the term "Formatted_EV" is another embeded value. I firstly set Embedded Data Formatted_EV as “value will be set from Panel or URL” in the survey flow, and then I write the text as<span style="font-size:18px;"><span style="font-family:Arial,Helvetica,sans-serif;">obtain<strong> &pound;$e{e://Field/Formatted_EV * 1}</strong> for sure</span></span> However, this does not give what I expect, but shows “obtain £0 for sure” on page. Then, after some googlework, I notice that someone says we cannot “set the value of an Embedded Data and call it using piped text within the same question” (s
rondev Hi, rondev. Could you please specify whether should I put the code you provided? I have tried the three parts of the javascript of the timing question, but none of them worked...
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.
