Differences

This shows you the differences between two versions of the page.

--- eqvas [2020/10/10 14:19] – created admin
+++ eqvas [2022/09/06 14:52] (current) – admin
@@ Line 1: / Line 1: @@
 ====== eqVas - EQ-VAS EQ-5D Vertical Slider Question ======
-The eqVas function and associated html/css create an EQ-VAS (Visual Analog Scale) that is part of an EQ-5D survey. Here is a quick video demonstration:\\
+The eqVas function and associated html/css provide an EQ-VAS (Visual Analog Scale) that is part of an EQ-5D survey. Here is a quick video demonstration:\\
+{{ ::eq-vas.mp4?600 |EQ-VAS Demo}}
-{{ ::mccolumns_demo.mp4?650 |mcColumns Demo}}\\
+This function is available for a reasonable fee. Contact [[https://community.qualtrics.com/XMcommunity/messages/add/TomG|TomG]] on the Qualtrics Community to learn more.
+===== Set-up Instructions =====
+Begin by importing the provided EQ-VAS .qsf into Qualtrics as follows:\\
+Create new project -> Survey -> From a File -> Choose file
+If copying the EQ-VAS question to another survey follow the instructions below.
+==== Survey Header ====
+The question uses a stylesheet and JavaScript loaded in the survey header.  If you copy the question to another survey, you need to add the following to the survey header.
+Go to Look & Feel -> General -> Header edit ->   and paste:
+<code>
+<link href="https://cdn.jsdelivr.net/npm/nouislider@14/distribute/nouislider.min.css" rel="stylesheet" />
+<script src="https://cdn.jsdelivr.net/combine/npm/nouislider@14,npm/wnumb@1"></script>
+</code>
+==== Survey Flow ====
+Add the padTopHide embedded data field to the top of the survey flow. It prevents the question from being momentarily seen by the respondent before it is completely formatted by the JavaScript.  Set padTopHide as follows:
+<code>
+padTopHide = padding-top:2500px;
+</code>
+==== EQ-VAS Question ====
+=== Import Question ===
+The EQ-VAS question is self-contained. The easiest way to copy it to another survey is to add a question to the other survey (type doesn't matter), then:
+Change Question Type -> Question Library -> My Surveys -> (pick the EQ-VAS survey and question) -> Import
+=== Custom Validation ===
+Custom Validation is used to require a response. If you copy the question to another survey, you'll need to update the Custom Validation to point to the current question. It should look like the following where Q1 is the EQ-VAS question:\\
+{{ ::eq-vas_validation.png?600 |EQ-VAS Custom Validation}}
+=== Question Customization ===
+To customize question text, click on the question, then click the HTML View tab in the upper right. __DON'T__ change any of the html tags (anything between < and >) or any of the css (between <style> and </style> at the bottom)
+=== Specify JavaScript Options ===
+To override the default options, specify the desired [[eqvas#options|options]] in the second function argument as an object. For example:
+<code>
+Qualtrics.SurveyEngine.addOnload(function() {
+	eqVas(this,{handleHide:false,handleStart:0});
+});
+</code>
+===== Options =====
+==== handleHide ====
+By default to vertical slider handle is hidden to start. To make the handle visible set handleHide to false:\\ ''hideHandle:false''.
+Default: true
+==== handleStart ====
+**handleStart** specifies the starting position of the handle.
+Default: 50
+====== Qualtrics Wiki ======
+[[start|Qualtrics Wiki]]