Question

I try to get a layout like in the image attached in my jQuery mobile listview. I am currently using the class .ui-li-icon on the star image, but I don’t get it alogn to the right, even if I overwrite the positioning by an own css attribute.

I could of course force the star to be on the right by position:absolute; but this would cause problems on different plattforms and between landscape vs portrait mode.

What is the best way to get a layout like below in jQuery mobile?

image: http://a4.mzstatic.com/us/r1000/095/Purple/ff/1d/33/mzl.ecpvufek.320×480-75.jpg

Answer 1

Look into these links:

• http://jquerymobile.com/demos/1.1.0/docs/lists/lists-formatting.html
• http://jquerymobile.com/demos/1.1.0/docs/lists/lists-icons.html
• http://jquerymobile.com/demos/1.1.0/docs/lists/lists-thumbnails.html

Explore the List View Documentation:

• http://jquerymobile.com/demos/1.1.0/docs/lists/index.html