Staggering each line in a list box

[balexandMember]

Hello. I’m evaluating the suitability of the jqwidgets for our application, and I’m having trouble creating a particular display. I’m hoping someone will have a recommendation for me. Here’s what I want: to create a jqxlistbox, which will eventually contain an image, some text, and a few other elements on each line. We want the listbox to be placed on the screen, however, adjacent to another element that cuts across the screen at a 45° angle. Therefore we need the entries in the listbox to be staggered to the left, so that the contents of the second line will be shifted maybe 25 pixels to the right from the first line, and the third line will be shifted 25 pixels to the right from the second line, etc. If I scroll down in the display then whatever contents are held at line 2 in the display would always be shifted the same amount (the shift is relative to the position on-screen, not particular data elements). All the other functionality (checkboxes, drag-and-drop, etc) should work as in a normal– the listbox only needs to have this one unusual, diagonal attribute. Is this possible? I really like the appearance of jqwidgets, and I love the clarity of the API, but it’s essential that we be able to create this one peculiar display. Can anybody advise me on how to make this happen?

Thanks in advance for any help. Ben

[DimitarParticipant]

Hello Ben,

While shifting the lines of the listbox may be possible with applying margins, the dynamic shift on scrolling is not, unfortunately.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts