Reorder issue with TileList inside TileView

[Tobias]

Hello,

we discovered an issue when having a TileList-Control inside a TileView. The reorder doesn't work, the items just disappear...

Please look at the following example code:

<Grid>
           <Grid.ColumnDefinitions>
               <ColumnDefinition Width="*"/>
               <ColumnDefinition Width="*"/>
           </Grid.ColumnDefinitions>

           <!-- reorder works like a charm -->
           <telerik:RadTileList Grid.Column="0">
               <telerik:Tile TileType="Single" Background="#FF00A100" Content="A"/>
               <telerik:Tile TileType="Double" Background="#FFA10000" Content="B"/>
               <telerik:Tile TileType="Single" Background="#FF0000A1" Content="C"/>
           </telerik:RadTileList>

           <!-- reorder doesn't work -->
           <telerik:RadTileView Grid.Column="1">
               <telerik:RadTileList>
                   <telerik:Tile TileType="Single" Background="#FF00A100" Content="A"/>
                   <telerik:Tile TileType="Double" Background="#FFA10000" Content="B"/>
                   <telerik:Tile TileType="Single" Background="#FF0000A1" Content="C"/>
               </telerik:RadTileList>
           </telerik:RadTileView>
       </Grid>

[Dinko | Tech Support Engineer]

Hello Tobias,

Thank you for the provided code snippet.

Both controls have built-in drag and drop functionality. Placing RadTileList inside a RadTileView and drag a Tile will bubble up to an event of the RadTileView which leads to unexpected behaviors. To workaround this behavior you can subscribe to the DragInitialize event (using DragDropManager) of the RadTileViewItem which holds the RadTileList and handle the event.

Check the attached project which demonstrates this approach.

Regards,
Dinko
Progress Telerik

[Tobias]

Hello Dinko,

works! thanks a lot!

Cheers!

Tobias