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

5 posts, 0 answers
  1. Sintayehu
    Sintayehu avatar
    67 posts
    Member since:
    Jan 2013

    Posted 28 May 2013 Link to this post

    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!
  2. Miro Miroslavov
    Admin
    Miro Miroslavov avatar
    588 posts

    Posted 29 May 2013 Link to this post

    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

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. DevCraft banner
  4. Sintayehu
    Sintayehu avatar
    67 posts
    Member since:
    Jan 2013

    Posted 29 May 2013 Link to this post

    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!
  5. Zarko
    Admin
    Zarko avatar
    755 posts

    Posted 03 Jun 2013 Link to this post

    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

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  6. Sintayehu
    Sintayehu avatar
    67 posts
    Member since:
    Jan 2013

    Posted 06 Jun 2013 Link to this post

    Thanks, I will vote for the feature.
Back to Top
DevCraft banner