Problem with RadTileViewItem and specific RestoredHeight property

8 posts, 0 answers
  1. David
    David avatar
    3 posts
    Member since:
    Sep 2010

    Posted 01 Jun 2011 Link to this post

    Hallo,
    we are using Telerik Q1 2011 for WPF and we would like to organize any parts of the UI form into "RadTileView". Default UI state is to have all "RadTileViewItem" in the Restored state and if user wants, he can maximize specific part of form... Problem is, when I want to specify height of each "RadTileViewItem" - I do it by setting the "RestoredHeight" property. All restored "RadTileViewItem"s has correct height, but problem is, that parent "RadTileView" area has still 'reserver' area with 'default' height according the parent pane size/count of items - see the screenshot, please. Thank you for any help.
     David.

    <telerik:RadTileView  
                    TileStateChangeTrigger="SingleClick"
                    MaximizeMode="ZeroOrOne"
                    IsItemDraggingEnabled="True"
                    PreservePositionWhenMaximized="True"
                    MinimizedColumnWidth="100"
                    IsAutoScrollingEnabled="True"
                    IsAnimationOptimized="True"
                    ColumnsCount="1"
                    MaxColumns="1"
                    
        
            <telerik:RadTileViewItem Header="tile1 - RestoredHeight height 100" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" RestoredHeight="100"
                <Grid
                    <TextBox Text="test1" /> 
                </Grid
            </telerik:RadTileViewItem
            <telerik:RadTileViewItem Header="tile2 - RestoredHeight height 100" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" RestoredHeight="100"
                <Grid
                    <TextBox Text="test2" /> 
                </Grid
            </telerik:RadTileViewItem
            <telerik:RadTileViewItem Header="tile3 - RestoredHeight height 100" VerticalAlignment="Stretch" RestoredHeight="100"  HorizontalAlignment="Stretch"
                <Grid
                    <TextBox Text="test3 " /> 
                </Grid
            </telerik:RadTileViewItem
            <telerik:RadTileViewItem Header="tile4 - RestoredHeight height 150" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" RestoredHeight="150"
                <Grid
                    <TextBox Text="test2" /> 
                </Grid
            </telerik:RadTileViewItem
        
        </telerik:RadTileView>
  2. David
    David avatar
    3 posts
    Member since:
    Sep 2010

    Posted 01 Jun 2011 Link to this post

  3. DevCraft banner
  4. Tomas
    Tomas avatar
    21 posts
    Member since:
    Sep 2010

    Posted 01 Jun 2011 Link to this post

    <telerik:RadTileView  
                    TileStateChangeTrigger="SingleClick"
                    MaximizeMode="ZeroOrOne"
                    IsItemDraggingEnabled="True"
                    PreservePositionWhenMaximized="True"
                    MinimizedColumnWidth="100"
                    IsAutoScrollingEnabled="True"
                    IsAnimationOptimized="True"
                    ColumnsCount="1"
                    MaxColumns="1"
                    >
      
            <telerik:RadTileViewItem Header="tile1 - RestoredHeight height 100" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" RestoredHeight="100" >
                <Grid>
                    <TextBox Text="test1" />
                </Grid>
            </telerik:RadTileViewItem>
            <telerik:RadTileViewItem Header="tile2 - RestoredHeight height 100" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" RestoredHeight="100" >
                <Grid>
                    <TextBox Text="test2" />
                </Grid>
            </telerik:RadTileViewItem>
            <telerik:RadTileViewItem Header="tile3 - RestoredHeight height 100" VerticalAlignment="Stretch" RestoredHeight="100"  HorizontalAlignment="Stretch" >
                <Grid>
                    <TextBox Text="test3 " />
                </Grid>
            </telerik:RadTileViewItem>
            <telerik:RadTileViewItem Header="tile4 - RestoredHeight height 150" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" RestoredHeight="150" >
                <Grid>
                    <TextBox Text="test2" />
                </Grid>
            </telerik:RadTileViewItem>
      
        </telerik:RadTileView>
  5. Zarko
    Admin
    Zarko avatar
    755 posts

    Posted 02 Jun 2011 Link to this post

    Hi Tomas,
    Currently this is the behavior of the RadTileView in restored state - the RowHeight is the height of the largest teleview item and that's why those empty spaces occur. With the Q2 2011 Beta we'll release some new features and with them you'll be able to place teleview items with different sizes in restored state without leaving empty spaces.
    If you have more questions feel free to ask.

    Best wishes,
    Zarko
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  6. Tomas
    Tomas avatar
    21 posts
    Member since:
    Sep 2010

    Posted 15 Jul 2011 Link to this post

    Hallo Zarko,
    version Q2 2011 is here, but I can't find any progress regarding different TileViewItem height - if I set "RestoredHeight" property, TileView parent area is still boxed with height, which is the same for each TileViewItem.. Can you tell me, how to set different height for each TileViewItem in case, when all Items are restored? Thank you very much.
    T.
  7. Zarko
    Admin
    Zarko avatar
    755 posts

    Posted 15 Jul 2011 Link to this post

    Hi Tomas,
    Could you please read this blog post and if you have further questions feel free to ask.

    Greetings,
    Zarko
    the Telerik team

    Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

  8. Tomas
    Tomas avatar
    21 posts
    Member since:
    Sep 2010

    Posted 15 Jul 2011 Link to this post

    Hi Zarko,
    thank you very much for your answer - "telerik:TileViewPanel.IsRowsShrinkEnabled" works really great! Only what I miss is such example in the Telerik's Demo...
    Regards
     Thomas.
  9. Zarko
    Admin
    Zarko avatar
    755 posts

    Posted 19 Jul 2011 Link to this post

    Hello Tomas,
    Thank you for the suggestion. We'll probably add such an example in one of our next releases.
    If you have more questions feel free to ask.

    All the best,
    Zarko
    the Telerik team

    Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

Back to Top
DevCraft banner