TileView without specified columns

Question

Hi, TileViewControl is the one I need. But I would like to not to have specified number of columns. It should act like a WrapPanel.

So at the start, Tile view items should take as much space in a row as they can (default is only two columns). Then the user can rearrange them. So, how can I achieve that? No specified column number?

Backia Raj Kanagaraj · Accepted Answer

Hi Adam, 

Thanks for your update. 

We have checked your requirement and found that, as per our current behavior of TileView control we can’t swap the Tileview items move to empty column space.  Only you can swap between the added TileView items in TileView control. We have prepared the sample for the same. 

Sample link: https://www.syncfusion.com/downloads/support/forum/159590/ze/TileViewControl_sample-1748404818 

Please try it with the provided solution and let us know if you need any further assistance on this. We will be glad to assist you. 

Regards, Backia Raj Kanagaraj

Bharathi Rajakantham · Answer

Hi Adam, 
 
Thanks for contacting Syncfusion Support, 
 
 
We have checked your query and found that you need the tileview control and  it should act like WrapPanel.Can you please share us more details on it.If possible please share the screenshot or video showing your requirement.Please let us know if you have any other concerns. 
 
Regards, 
Bharathi R

Adam · Answer

Yes, that's right. Now, you have to specify column and row count.

You don't have to do this in wrap panel.

Let's assume that you would be able to provide something like MaxColWidth and MaxRowHeight.

The purpose of that is to be able to have undefined number of items. What's more items would be dragged.

For example:

Let's say you have now TileViewControl with 4 columns but with only 2 items.

So it looks like that:

```

------------------------------------------------------

== Item 1 == == Item 2 ==

| | | |

-------------- ------------------------

------------------------------------------------------

```

So you have "2 cols empty".

Now, I would like the user to be able to drag the item into the empty colum, like this:

```

------------------------------------------------------

== Item 1 == == Item 2 ==

| | | |

-------------- ------------------------

------------------------------------------------------

```

In current version user is not able to do that. He can only swap item1 and item2.