Remove From My Forums

How to make different item size in a ListView

Question
0

Sign in to vote

How to layout photos like the snapshot attached in HTML/JS/CSS?

Use ListView control or other control?

If ListView works, how to make ListView fill rows first and how to make each item has different size according it's original size? How to make ListView fill rows first?

If ListView doesn't work, which control should I use? Or must I write a whole new control myself?

Thanks!

Friday, August 24, 2012 7:55 AM

Answers

0

Sign in to vote
Grid view would be your closest however the sizes would be in increments and not necessarily proportionate to the picture itself (see cell spanning in this article: http://msdn.microsoft.com/en-us/library/windows/apps/Hh781224.aspx). Also see this: http://msdn.microsoft.com/en-us/library/windows/apps/Hh972605.aspx

It seems to me like you should create your own control since you have these unique requirements.

One thing you can consider is using the ViewBox and placing the images in there. That way it would scale with the display sizes. I show this technique somewhat here: http://social.msdn.microsoft.com/Forums/en-US/winappswithhtml5/thread/c1ab89a1-2514-4e05-8bc8-d7e675830342

-Jeff

Jeff Sanders (MSFT)
- Proposed as answer by Jeff SandersMicrosoft employee, Moderator Friday, August 24, 2012 11:12 AM
- Marked as answer by Dino He Friday, September 14, 2012 8:55 AM
Friday, August 24, 2012 11:12 AM

Moderator