Switch branches/tags
Nothing to show
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
..
Failed to load latest commit information.
instruction_images
svg
Affective_Slider_shared.qsf
README.md
arousal.html
arousal.js
pleasure.html
pleasure.js

README.md

The Affective Slider on Qualtrics

This folder has the necessary code to implement the Affective Slider in Qualtrics. I would share the questions directly, but can't find a way to do that (if you know how, let me know -mjsobrep).

You should end up with this:

Setup, import:

The easiest way to get these elements is to import the Affective_Slider_shared

Setup, custom:

Alternatively you can setup from scratch

  • Create a new slider element:
  • Set to 1 choice and 0 grid marks:
  • Position the slider at 50:
  • Hide the value and force a response:
  • Add JS:
  • Copy in JS from arousal.js and save:
  • Copy the question:
  • Open JS for second question:
  • Copy in JS from pleasure.js and save:
  • Randomize the block of questions:

Issues

Horizontal Scroll Bars

Qualtrics's style sheet has: .Skin .HBAR .horizontalbar,.Skin .HSLIDER .horizontalbar{min-width:250px;padding-right:15px} This makes the slier bar min width 250px, which can cause horizontal scroll bars to show up on small screens.

Table Layout

This currently uses a table layout for the HTML. That is non ideal. This should be switched over to a better CSS based layout method.