Picture of Tariq Aziz
Slider Question component with 2 sliders
by Tariq Aziz - Wednesday, 8 June 2016, 10:24 AM
 

I have a requirement of 2 sliders questions with Feedback model depending on the input of both sliders. However the slider question component available in authoring tool supporting only one slider. How to achieve my requirement. Please see attach screenshot


Picture of Matt Leathes
Re: Slider Question component with 2 sliders
by Matt Leathes - Wednesday, 8 June 2016, 11:10 AM
 

I don't think you can, sorry - it would require a new custom component.

If you are comfortable with web development I could point you in the direction of resources on developing for Adapt if that helps?

Picture of Tariq Aziz
Re: Slider Question component with 2 sliders
by Tariq Aziz - Friday, 24 June 2016, 7:23 AM
 

Thanks Matt for a Replay.

Yes, it will be very helpful, if you could guide me to a good documentation to custom component development.

Also let me know what skills I need for it. I am from web development and designing background (PHP, MySQL, jQuery, javascript, AJAX, CSS, HTML5 and related ).

Picture of Matt Leathes
Re: Slider Question component with 2 sliders
by Matt Leathes - Monday, 27 June 2016, 4:34 PM
 

Hi Tariq

Main skills required are HTML/JavaScript/CSS, specifically using:

  • Backbone
  • Underscore
  • JQuery
  • LESS
  • Handlebars
  • Require
  • JSON

The documentation we have can be found here: https://github.com/adaptlearning/adapt_framework/wiki

There's also a chat room you can join over at https://gitter.im/adaptlearning/adapt_framework

Also note - we're about to update the Slider component to use rangeslider.js - you can find the new version here for the moment: https://github.com/adaptlearning/adapt-contrib-slider/tree/abu-1137 (it should get merged into master over the course of this week)

You may also find it useful to have the devtools extension installed - mainly due to it allowing you to debug some parts of Adapt more easily via the console (see the Developer tools section of the README)