Opened 5 years ago

Closed 5 years ago

#17690 closed defect (worksforme)

dojox.mobile.ScrollablePane horizontal scrolling should support explicit width

Reported by: Rophy Tsai Owned by: Adrian Vasiliu
Priority: undecided Milestone: tbd
Component: DojoX Mobile Version: 1.9.1
Keywords: Cc:
Blocked By: Blocking:

Description

Currently, vertical ScrollablePane? supports the property of 'height', but horizontal ScrollablePane? does not support the property of 'width'.

Attachment provides a modified test_ScrollablePane-h.html. When scrollDir="v", a 1-column vertical scroll area is created. In the same sense, when scrollDir="h", a 1-column horizontal scroll area is expected, but not the current case.

Attachments (1)

test_ScrollablePane-h.html (1.5 KB) - added by Rophy Tsai 5 years ago.

Download all attachments as: .zip

Change History (6)

Changed 5 years ago by Rophy Tsai

Attachment: test_ScrollablePane-h.html added

comment:1 Changed 5 years ago by Adrian Vasiliu

Owner: set to Adrian Vasiliu
Status: newassigned

comment:2 Changed 5 years ago by Adrian Vasiliu

Do you want the elements inside the ScrollablePane? to be laid out side by side in a horizontal row of a width of your choice and be able to scroll horizontally the content? If this is what you want, you need to modify the layout of your elements such that they are stacked horizontally and are not wrapped to the next line at the right margin of the container. This modified variant of your test case does the trick: http://jsfiddle.net/adrian_vasiliu/UPc7s/ (here, manual parsing is used just because specifying parseOnLoad: true is not jsfiddle-friendly; I also removed some modules unnecessarily required). If you want something else, please clarify.

comment:3 Changed 5 years ago by Adrian Vasiliu

@rophy, any feedback after my comment?

comment:4 Changed 5 years ago by Rophy Tsai

Yes, this is exactly what I need, thank you very much for helping. I wanted to avoid tables but that should be out of scope.

comment:5 Changed 5 years ago by Adrian Vasiliu

Resolution: worksforme
Status: assignedclosed

Great, thanks.

Note: See TracTickets for help on using tickets.