| Page 1 of 1 | [ 2 posts ] |
|
I am trying to override the default skin for a slider widget. I assumed that the skin would automatically load, but that does not appear to be the case.
Do I have to manually load yui3-skin-sam-dark, or am I doing something wrong? Here is my code: Code: <div class="yui3-skin-sam-dark"> <div id="slider-bg"></div> </div> <script type="text/javascript"> YUI({filter: 'DEBUG', skin: { overrides: { slider: [ 'sam-dark' ] } }}).use('node','event','slider', function (Y) { // .. var slider = new Y.Slider({ axis: 'y', min : 0, // min is the value at the top max : 12, // max is the value at the bottom value : 5, // initial value length: '160px', // rail extended to afford all values }); slider.render("#slider-bg"); //.. }); </script> |
Alberto SantiniYUI Contributor
|
Hello mlavinder.
'slider-base' does the job. See Alternate skin doc for slider: http://yuilibrary.com/yui/docs/slider/slider-skin.html A working snippet: http://jsfiddle.net/Kt4gz/ Hope that helps, IceBox |
| Page 1 of 1 | [ 2 posts ] |
| You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum |
© 2006-2013 Yahoo! Inc. All rights reserved.
All code on this site is licensed under the BSD License unless stated otherwise.
About This Site · Security Contact Info
Powered by phpBB® Forum Software © phpBB Group