Problem with layout

[Vitaly]

Hi!

I want to make layout like instagram photos with wide panel between some items. (See first attached file).

I tried to achieve this by setting virtualization mode to Horizontal Wrap, taking page width and divide it by 3 columns. This approach has 2 weaks:

1) On device there is 3 columns, but there is small gap on the right, which is equal to remainder of division.

2) On simulator I see broken layout (see second attached file). And width of page is 400, cell's width is 133 and cells still not fit bounds.

Then I tried remainder Dynamic Grid Virtualization Strategy. It works perfect with square cells, but i can't insert wide item.

How can I achiveve this?

Thanks a lot!

 

[Rosy Topchiyska]

Hello Vitaly,

Thank you for contacting us.

I have attached a sample project with a RadDataBoundListBox control that looks fine on our side with both Wrap and DynamicGrid strategies.

If you have the same problems with our app, could you please share more specific information about the devices/emulators that you use for testing. If it looks ok, you could send us some code or a project that will help us reproduce the issue.

I look forward to your reply. 

Regards,
Rosy Topchiyska
Telerik

[Vitaly]

Thank you for your answer!

 

But the problem is that I have to 9 items 3x3 grid, then (it is problem) - one item 100% device width, and then 3 column grid again.

 

If i setting Dynamic Wrap -all of items are 33% width.

 

Is it possible?

[Vitaly]

Oh, horizontal mode is exactly what I need!

Thanks a lot!