Plugins

User login
Can't find a Plugin?

Can't find a Plugin you are looking for? Check out the jQuery Wiki page.

Are you a plugin developer? Please move your plugin over to this site.

Website Bug or Feature Request?

Found a bug on the new jQuery Plugin website? Have a feature request?

Submit it to the jQuery Plugin website issue queue to ensure it is noticed!

direction (ltr/rtl) is ignored


Project:jScrollPane - crossbrowser custom scrollbars
Version:1.1.1
Component:Code
Category:bug report
Priority:critical
Assigned:kelvinluck
Status:closed
Description

Tested with folowing codes:

1) <div id="pane1" class="scroll-pane" style="direction:rtl">
2) <div id="pane1" class="scroll-pane" dir="rtl">

Comments

#1

Assigned to:Anonymous» kelvinluck

I've never used this attribute before. What's the expected behaviour? Do you have an example page?

#2

This is a link (http://vlad.amirov.googlepages.com/div_dir_example) whis my explanation. If you need more information please let me know.
Thanks.

#3

Wow - I never even knew that attribute existed. I will look into adding support into jScrollPane for this when I get a chance but it probably won't be too soon I'm afraid because I'm busy with "real" (e.g. paying!) work. In the meantime, can you maybe produce the effect with some CSS trickery?

#4

If I found some temporary solution I'll tell you.

#5

I have seen the code in jScrollPane.cs and jScrollPane.css files and found that a solution is very simple. Kelvin, you can do it later it's realy very very simple. Logic of the solution basic on the CSS absolut position. It need a bit difference CSS settings for some specify DIVs objects (see example below) when pane direction is RTL.

Example:
#pane1 { right: 0; padding-right: 0; padding-left: 3px}
and
jScrollPaneTrack, .jScrollArrowUp, .jScrollArrowDown { left: 0}

Now in my code I use next workaround with jQuery.ready (on init function):
$('#pane1').jScrollPane({showArrows:true, scrollbarWidth: 17}).css({right:0,padding:0,marginLeft:3});
$('.jScrollPaneTrack, .jScrollArrowUp, .jScrollArrowDown',$('.winXP')).css('left','0');

Of course these changes can be setted by directly CSS definition.

#6

Sorry for my English and thank you for http://dev.jquery.com/changeset/3125 bug fix.

#7

Status:active» closed

Moved to new googlecode issue tracking system:

http://code.google.com/p/jscrollpane/issues/detail?id=4

#8

I use this in this coupon website and found it worked well, thanks!