diff --git a/examples/jspsych-survey-slider.html b/examples/jspsych-slider-response.html
similarity index 68%
rename from examples/jspsych-survey-slider.html
rename to examples/jspsych-slider-response.html
index 809f6bd8..d155d1fa 100644
--- a/examples/jspsych-survey-slider.html
+++ b/examples/jspsych-slider-response.html
@@ -16,8 +16,9 @@
 <body></body>
 <script>
   var block_1 = {
-    type: 'survey-slider',
-    questions: ['<p>How similar are these pictures?</p><img src="img/happy_face_1.jpg"></img><img src="img/sad_face_1.jpg"></img>'],
+    type: 'slider-response',
+    stimulus: '<p>How similar are these pictures?</p><img src="img/happy_face_1.jpg"></img><img src="img/sad_face_1.jpg"></img>',
+    labels: ["Not at all similar", "Sort of", "Identical"]
   }
 
   jsPsych.init({
diff --git a/plugins/jspsych-survey-slider.js b/plugins/jspsych-survey-slider.js
index 6d2e311d..0f9f84b4 100644
--- a/plugins/jspsych-survey-slider.js
+++ b/plugins/jspsych-survey-slider.js
@@ -1,5 +1,5 @@
 /**
- * jspsych-survey-slider
+ * jspsych-slider-response
  * a jspsych plugin for free response survey questions
  *
  * Josh de Leeuw
@@ -9,12 +9,12 @@
  */
 
 
-jsPsych.plugins['survey-slider'] = (function() {
+jsPsych.plugins['slider-response'] = (function() {
 
   var plugin = {};
 
   plugin.info = {
-    name: 'survey-slider',
+    name: 'slider-response',
     description: '',
     parameters: {
 
@@ -25,36 +25,45 @@ jsPsych.plugins['survey-slider'] = (function() {
 
     trial.preamble = typeof trial.preamble == 'undefined' ? "" : trial.preamble;
     trial.button_label = typeof trial.button_label === 'undefined' ? 'Next' : trial.button_label;
-
+    //trial.slider_width = trial.slider_width || 400;
     // if any trial variables are functions
     // this evaluates the function and replaces
     // it with the output of the function
     trial = jsPsych.pluginAPI.evaluateFunctionParameters(trial);
 
     // show preamble text
-    var html = '<div id="jspsych-survey-slider-preamble" class="jspsych-survey-slider-preamble">'+trial.preamble+'</div>';
+    var html = '<div id="jspsych-slider-response-preamble" class="jspsych-slider-response-preamble">'+trial.preamble+'</div>';
 
     // add questions
-    for (var i = 0; i < trial.questions.length; i++) {
-      html += '<div id="jspsych-survey-slider-"'+i+'" class="jspsych-survey-slider-question" style="margin: 2em 0em;">';
-      html += '<div class="jspsych-survey-slider-question-text">' + trial.questions[i] + '</div>';
-      html += '<input type="range" name="#jspsych-survey-slider-response-' + i + '"></input>';
-      html += '</div>';
+
+    html += '<div id="jspsych-slider-response" class="jspsych-slider-response-question" style="margin: 2em 0em;">';
+    html += '<div class="jspsych-slider-response-question-text">' + trial.stimulus + '</div>';
+    html += '<div class="jspsych-slider-response-container" style="position:relative;"><input type="range" style="width: 100%;" name="jspsych-slider-response-response"></input>';
+    html += '<div>'
+    for(var j=0; j < trial.labels.length; j++){
+      var width = 100/(trial.labels.length-1);
+      var left_offset = (j * (100 /(trial.labels.length - 1))) - (width/2);
+      html += '<div style="display: inline-block; position: absolute; left:'+left_offset+'%; text-align: center; width: '+width+'%;">';
+      html += '<span style="text-align: center; font-size: 80%;">'+trial.labels[j]+'</span>';
+      html += '</div>'
     }
+    html += '</div>';
+    html += '</div>';
+    html += '</div>';
 
     // add submit button
-    html += '<button id="jspsych-survey-slider-next" class="jspsych-btn">'+trial.button_label+'</button>';
+    html += '<button id="jspsych-slider-response-next" class="jspsych-btn">'+trial.button_label+'</button>';
 
     display_element.innerHTML = html;
 
-    display_element.querySelector('#jspsych-survey-slider-next').addEventListener('click', function() {
+    display_element.querySelector('#jspsych-slider-response-next').addEventListener('click', function() {
       // measure response time
       var endTime = (new Date()).getTime();
       var response_time = endTime - startTime;
 
       // create object to hold responses
       var question_data = {};
-      var matches = display_element.querySelectorAll('div.jspsych-survey-slider-question');
+      var matches = display_element.querySelectorAll('div.jspsych-slider-response-question');
       for(var index=0; index<matches.length; index++){
         var id = "Q" + index;
         var val = matches[index].querySelector('input').value;
diff --git a/tests/plugins/plugin-slider-response.test.js b/tests/plugins/plugin-slider-response.test.js
new file mode 100644
index 00000000..84745821
--- /dev/null
+++ b/tests/plugins/plugin-slider-response.test.js
@@ -0,0 +1,16 @@
+const root = '../../';
+
+jest.useFakeTimers();
+
+describe('slider-response plugin', function(){
+
+	beforeEach(function(){
+		require(root + 'jspsych.js');
+		require(root + 'plugins/jspsych-slider-response.js');
+	});
+
+	test('loads correctly', function(){
+		expect(typeof window.jsPsych.plugins['slider-response']).not.toBe('undefined');
+	});
+
+});
diff --git a/tests/plugins/plugin-survey-slider.test.js b/tests/plugins/plugin-survey-slider.test.js
deleted file mode 100644
index d827eda6..00000000
--- a/tests/plugins/plugin-survey-slider.test.js
+++ /dev/null
@@ -1,16 +0,0 @@
-const root = '../../';
-
-jest.useFakeTimers();
-
-describe('survey-slider plugin', function(){
-
-	beforeEach(function(){
-		require(root + 'jspsych.js');
-		require(root + 'plugins/jspsych-survey-slider.js');
-	});
-
-	test('loads correctly', function(){
-		expect(typeof window.jsPsych.plugins['survey-slider']).not.toBe('undefined');
-	});
-
-});
