Differences

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

--- tinderstyle [2023/03/17 14:47] – [tinderStyle Question] admin
+++ tinderstyle [2024/04/01 13:38] (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