Horizontal scrolling in orderingList

[danielen]

Hi!

Im using a orderingList with Richfaces 3.3.0.GA version and struggle with horizontal scrolling.

From what I understand, horizontal scrolling doesnt work at all with orderingList, which I use because I need the ordering features of orderingList.

ScrollableDatatable dosent have ordering features, but have horizontal scrolling. Maybe I could hack it to do ordering?

Maybe I could hack orderingList to support horizontal scrolling?

or as a last attempt, use datatables.net DataTable and implement ordering, selection and everything else supported by orderingList with jQuery + javascript.

Im not sure what to do.

Have somebode here managed to get ordering, selection, vertical and horizontal scrolling to work with orderingList?

[akaine]

This works with absolutely all RF components out there (modal panels, datatables, etc.):

1. enclose the list in a div;

2. set fixed width and overflow:auto in the div's style;

3. for crossbrowser compatibility sometimes it's a good idea to set z-index for both the div and the enclosed RF element with the z-index higher for the div;

Hope this helps

[danielen]

Thats how I have done it for now.

The trouble is when you have a orderingList that is wider than the space available and it shows the scrollbars, the vertical scrollbar is then placed at the right end of the panel, which is not shown, because the list is wider than available width, so you have to use the horizontal scrollbar to scroll right to get to the vertical scrollbar at the end.

[akaine]

Do not limit the list height but the div's then.