User Tools

Site Tools


addsliderticks

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
addsliderticks [2022/09/28 20:26] adminaddsliderticks [2022/09/28 20:29] (current) admin
Line 32: Line 32:
 </code> </code>
  
-To change the default options, specify the desired [[addsliderticks#options|options]] as an object. For example: +To change the default options, specify the desired **[[addsliderticks#options|options]]** as an object. For example: 
 <code> <code>
 Qualtrics.SurveyEngine.addOnload(function() { Qualtrics.SurveyEngine.addOnload(function() {
Line 40: Line 40:
 ===== Options ===== ===== Options =====
 ==== bottomMarginTop ==== ==== bottomMarginTop ====
-**bottomMarginTop** is an integer, usually negative, that specifies the top margin of the bottom ticks in pixels. This determines the space between slider bar and the bottom ticks. The ideal margin will vary based on theme and layout. Instead of this option, use CSS to set a consistent margin for the entire survey. +**bottomMarginTop** is an integer, usually negative, that specifies the top margin of the bottom ticks in pixels. This determines the space between slider bar and the bottom ticks. The ideal margin will vary based on theme and layout. Instead of this option, use **[[addsliderticks#CSS for Tick Margins|CSS]]** to set a consistent margin for the entire survey. 
  
 Default: undefined (use CSS instead) Default: undefined (use CSS instead)
Line 69: Line 69:
 Default: true Default: true
 ===== CSS for Tick Margins ===== ===== CSS for Tick Margins =====
-Here is example CSS for tick margins (this is for Classic layout):+Here is example CSS for tick margins (these particular styles are for Classic layout):
 <code> <code>
 .JFEScope .Skin .q-slider ul.ticks.top { margin-bottom: -11px; } .JFEScope .Skin .q-slider ul.ticks.top { margin-bottom: -11px; }
addsliderticks.1664411202.txt.gz · Last modified: by admin

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki