Adding a GridSplitter between the maximized and the minimized items of a RadTileView

[Sintayehu]

Hi,

I have to insert a Grid Splitter between the maximized and the minimized items of the RadTileView.

I have found a seemingly great article here http://blogs.telerik.com/blogs/posts/10-07-15/tileview-and-gridsplitter.aspx.

But this is an outdated article and the approach doesn't work in the version {2012.2.725.1050} Silverlight 5.

Could you please point me in the right direction? Or recommend a workaround to making the mentioned approach work for the version I have?

Here is the sample project link for convenience : 

http://blogs.telerik.com/docs/default-source/silverlight-team/TileViewWithGridSplitter.zip?sfvrsn=0

Thank You!

[Miro Miroslavov]

Hi Luai,

 Can you try this xaml code and let us know if this is what you're looking for. 

<Grid x:Name="LayoutRoot" Background="White" Margin="10">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition x:Name="column" Width="300" />
    </Grid.ColumnDefinitions>
    <telerik:RadTileView x:Name="tileView1" Grid.ColumnSpan="3"
            MinimizedColumnWidth="{Binding Width, ElementName=column, Mode=TwoWay}" MaximizeMode="One" />
    <ms:GridSplitter Grid.Column="1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Width="5"
            Background="DarkGray" />
</Grid>

I hope it helps.

Regards,
Miro Miroslavov
Telerik

[Sintayehu]

Yeah that doesn't do it.

1. I am using the RadTileView as a Prism region - meaning I have my RadTileViewItems as individual views. This somehow creates makes the Tiles overlap.
2. The splitter needs an offsett so I don't think binding the MinimizedColumnWidth to the Grid column width will do it. It probably needs a value converter as indiacated in the blog link found in the first thread.
   
3. I feel like this should have been part of the control, because even if I somehow manage to insert the splitter and solve the problems mentioned above, I still have a lot of work left like, layout scrolling and other little things that I yet have to come to.

Is there any plan to add such a feature? Can you please look at this to get an idea (TileManager)

But I like the fact that the RadTileView can be used as a Prism Region right out of the Box!

[Zarko]

Hi Luai,
I'll try to answer your questions:
1. Could you please send us some pictures and code snippets or a sample project so that we could examine this issue and provide you the proper fix.
2. You could indeed use a converter (note: the MinimizedColumnWidth is of type GridLength now) or you could use the LostMouseCapture event like this:

<ms:GridSplitter Grid.Column="1"
            Width="5"
            HorizontalAlignment="Stretch"
            VerticalAlignment="Stretch"
            Background="LightGray"
            LostMouseCapture="GridSplitter_LostMouseCapture" />

private void GridSplitter_LostMouseCapture(object sender, MouseEventArgs e)
{
    this.tileView1.MinimizedColumnWidth = new GridLength(this.column.Width.Value + 3);
}

3. There's a feature request like this in our PITS and you can track it here.
We'll consider this feature for our next major release but I can't promise you anything because this can be easily done with a GridSplitter.
I hope I was able to help you and we're looking forward to hearing from you.

Regards,
Zarko
Telerik

[Sintayehu]

Thanks, I will vote for the feature.