Differences

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

--- tinderstyle [2023/03/17 14:47] – [tinderStyle Question] admin
+++ tinderstyle [2026/08/20 16:05] (current) – admin
@@ Line 53: / Line 53: @@
 <code>
 Qualtrics.SurveyEngine.addOnload(function() {
-	tinderStyle(this,{{timed:true,timeout:5}});
+	tinderStyle(this,{timed:true,timeout:5});
 });
 </code>
@@ Line 73: / Line 73: @@
 Default: %%"&#9668;"%%
 === right ===
-The down arrow icon character or characters.
+The right arrow icon character or characters.
 Default: %%"&#9658;"%%
@@ Line 80: / Line 80: @@
 Default: beside
+==== color ====
+**color** is an object that specifies the text and background colors of the choice buttons. For example:\\
+%%color:{left:{text:"#ffffff",bg:"#ff0000"},right:{text:"#ffffff",bg:"#2ea44f"},down:{text:"#ffffff",bg:"#f2d818"}}%%
+=== down ===
+The text and background color of the down (middle) choice. Down only applies to questions with 3 choices.
+Default: %%{text:"#ffffff",bg:"#f2d818"}%%
+=== left ===
+The text and background color of the left choice.
+Default: %%{text:"#ffffff",bg:"#ff0000"}%%
+=== right ===
+The text and background color of the right choice.
+Default: %%{text:"#ffffff",bg:"#2ea44f"}%%
 ==== timed ====
 **timed** specifies whether or not the question should timeout. Setting timed to true turns on timeout. When timing is turned on, the time remaining is displayed to the respondent.
@@ Line 85: / Line 100: @@
 Default: false
 ==== timeout ====
-**timeout** specifies the number of seconds the respondent has to answer the question when [[tinderStyle#timed|timed]] is true.
+**timeout** specifies the number of seconds the respondent has to answer the question when **[[tinderStyle#timed|timed]]** is true.
-Default: 3
+Default: 5
 ==== tinderFlag ====
 **tinderFlag** specifies whether or not Tinder style should be applied to the question. For example, if Tinder style should only be applied to mobile devices and there was an embedded data field set to 1 for mobile devices, then the tinderStyle function could be called like this: