Differences

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

--- sliderticks [2022/09/29 17:21] – [CSS] admin
+++ sliderticks [2023/03/09 17:26] (current) – admin
@@ Line 9: / Line 9: @@
 **sliderTicks** ONLY works with mobile friendly sliders.
-Here is a quick video demonstration with top and bottom tick marks:\\
+Here is a quick video demonstration of top and bottom tick marks with "snap to grid" turned on:\\
 {{ ::addSliderTicks.mp4?650 |sliderTicks Demonstration}}
@@ Line 15: / Line 15: @@
 ===== Set-up Instructions =====
 ==== Survey Header ====
-To make the function available to all questions in the survey, copy the function to the Survey Header inside a script tag:
 Add the sliderTicks function to the survey header to make it available to any question in the survey.   Go to Look & Feel -> General -> Header edit -> {{::icon_source.jpg?20|}} and paste the provided sliderTicks function JS:
 <code>
@@ Line 49: / Line 48: @@
 Default: undefined (use CSS rules)
 ==== bottomTicks ====
-**bottomTicks** is a boolean that specifies if bottom ticks should be displayed. To hide bottom ticks set to false.
+**bottomTicks** is a boolean that specifies if bottom ticks should be displayed. To hide bottom tick marks set to false.
 Default: true
@@ Line 55: / Line 54: @@
 **tickChar** is the character used for tick marks.
-Default: "|"
+Default: %%"|"%%
 ==== tickPadding ====
 **tickPadding** is an object of arrays that allows for tick marks to be adjusted to align with the center of the slider handle at each gridline. The adjustments specified in **tickPadding** are the differences in positioning from the number scale. Each **tickPadding** array consists of an object specifying the side of the adjustment (left or right) and the size of the adjustment in pixels. For example, a function call specifying **tickPadding** for a 3-point scale would look like this:
@@ Line 79: / Line 78: @@
 Default: undefined (use CSS rules)
 ==== topTicks ====
-**topTicks** is a boolean that specifies if top ticks should be displayed. To hide top ticks set to false.
+**topTicks** is a boolean that specifies if top ticks should be displayed. To hide top tick marks set to false.
 Default: true