Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

General Questions

General questions about getting started with SilverStripe that don't fit in any of the categories above.

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w



2 Posts   2138 Views


23 September 2009 at 10:51am Community Member, 2 Posts

What would I have to do to include a Javascript slider for featured work in SilverStripe? I have already looked through the forums and have found nothing. Sorry to ask such a question, I've just all ready tried a lot of things.


23 September 2009 at 2:55pm (Last edited: 23 September 2009 2:59pm), Community Member, 283 Posts

I have done this with the jQuery Slider without much trouble.

Read the docs here:

Drop this in your controller/form/whatever:

Requirements::javascript(THIRDPARTY_DIR . '/jquery/jquery-packed.js');
Requirements::javascript(THIRDPARTY_DIR . '/jquery/ui/ui.core.js');
Requirements::javascript(THIRDPARTY_DIR . '/jquery/ui/ui.slider.js');

Add an appriopriately ID'd <div id="myslider"></div> in your template, create and init the object in the myslider.js file:

   function() {
      // Prototype doesn't like $

      // Prep the slider
         'stepping': 1,
         'min': 1,
         'max': 100

You should be off and running like a trademarked green tractor manufacturer's mascot.