Add orientation property into bootstrap slider #220

Author: andrewtelnov

src/bootstrap-slider.js

@@ -30,6 +30,12 @@ function init(Survey) {
           default: 100,
           category: "general",
         },
+        {
+          name: "orientation",
+          default: "horizontal",
+          choices: ["horizontal", "vertical"],
+          category: "general"
+        },
       ]);
       Survey.JsonObject.metaData.addProperty("bootstrapslider", {
         name: "config",
@@ -48,6 +54,10 @@ function init(Survey) {
       inputEl.setAttribute("data-slider-min", question.rangeMin);
       inputEl.setAttribute("data-slider-max", question.rangeMax);
       inputEl.setAttribute("data-slider-step", question.step);
+      if(question.orientation == "vertical") {
+        inputEl.setAttribute("data-slider-orientation", "vertical");
+      }
+      inputEl.setAttribute("data-slider-step", question.step);
       inputEl.setAttribute(
         "data-slider-value",
         question.value || question.rangeMin

src/nouislider.js

@@ -53,9 +53,10 @@ function init(Survey) {
           default: 5,
         },
         {
-          name: "orientation:string",
+          name: "orientation",
           category: "slider",
           default: "horizontal",
+          choices: ["horizontal", "vertical"]
         },
         {
           name: "direction:string",