TileView with problem

2 posts, 0 answers
  1. ITA
    ITA avatar
    382 posts
    Member since:
    Aug 2009

    Posted 19 Jun 2015 Link to this post


    i tried your wpf exmaple of the tileview control:

            <Border Grid.Row="0" Grid.Column="0" Background="#5ab765" Margin="0,0,5,0">
                <StackPanel Orientation="Horizontal" Margin="10,5,10,5" HorizontalAlignment="Left">
                    <Image  Stretch="Uniform" Margin="5" Source="Style/Images/lupe.png" />
                    <TextBox BorderThickness="0" Padding="3" MinWidth="230" Background="white" x:Name="SuchenInput"
                                                HorizontalContentAlignment="Left" VerticalContentAlignment="Center" TabIndex="1"
            <Border Grid.Row="0" Grid.Column="1" Background="#5ab765" Margin="5,0,0,0">
                <Label Content="{Binding Value}" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="White" FontSize="18" x:Name="AufgabeNrlbl"/>
            <telerik:RadGridView x:Name="RadGridView1" GroupRenderMode="Flat" telerik:StyleManager.Theme="Windows8Touch"
                                 ItemsSource="{Binding Adressen}" GroupPanelBackground="#4582bb"
                                 ColumnWidth="*" CanUserFreezeColumns="False" Margin="5,10,5,10" Grid.Row="1" Grid.Column="0"
                                 RowIndicatorVisibility="Collapsed" ShowGroupPanel="False" AutoGenerateColumns="False"
                                 flexCrmAdressen:CustomFilterBehavior.TextBox="{Binding ElementName=SuchenInput}">
                    <telerik:GridViewDataColumn DataMemberBinding="{Binding FirstName}" Width="*" Header="Name" x:Name="Namelbl" IsVisible="True" />
            <telerik:RadTileView x:Name="DetailView" Grid.Row="1" Grid.Column="1" Margin="0" ColumnWidth="Auto"
                                 DragMode="{Binding ElementName=dragMode, Path=SelectedItem}" IsItemsSizeInPercentages="True"
                                 MinimizedColumnWidth="250" PreservePositionWhenMaximized="true" MinimizedRowHeight="Auto"
                                 telerik:TileViewPanel.IsRowsShrinkEnabled="True" telerik:TileViewPanel.IsSizeBoundToPosition="True"
                                 RowHeight="Auto" telerik:TileViewPanel.IsColumnsShrinkEnabled="True"
                <telerik:RadTileViewItem Header="Generell" RestoredHeight="38" MinimizedHeight="200" RestoredWidth="200"
                    <StackPanel Margin="5 5 0 0" >
                        <Label Content="Teeeeeeeeeeeeeeeeest" Background="Aqua" Width="200"></Label>
                <telerik:RadTileViewItem Header="My Settings" RestoredHeight="38" MinimizedHeight="160" RestoredWidth="50">
                    <StackPanel Margin="5 5 0 0">
                        <Label Content="Teeeeeeeeeeeeeeeeest" Background="Aqua"></Label>
                <telerik:RadTileViewItem Header="My Calendar" RestoredHeight="38" MinimizedHeight="200" RestoredWidth="50">
                            <ColumnDefinition MinWidth="218" />
                        <telerik:RadCalendar x:Name="myCalandar" Margin="7" />
                <telerik:RadTileViewItem Header="Item4">
                    <TextBlock Text="Item4 Content" />
                <telerik:RadTileViewItem Header="Item5">
                    <TextBlock Text="Item5 Content" />
                <telerik:RadTileViewItem Header="Item6">
                    <TextBlock Text="Item6 Content" />
                <telerik:RadTileViewItem Header="Item7">
                    <TextBlock Text="Item6 Content" />

     i attached a image as it look like now. Why dow not stop the tileview with on the yellow line? I your example the TileViewItems are in the window.

    Thanks a lot

    best regards


  2. Milena
    Milena avatar
    193 posts

    Posted 22 Jun 2015 Link to this post

    Hi Rene,

    Thank you for the code-snippet provided.

    I'm not quite sure what do you mean by "Why dow not stop the tileview with on the yellow line?" , but I suppose that you are asking about the first TileViewItem width? I saw that you set IsItemsSizeInPercentages property of the TileView to True. Please have in mind that in this case the control defines items' size according to the value of RestoredWidth in percentages, e.g. if you set the RestoredWidth of the first item to 50 and to the next 2 in the row to 25, this mean that the first tileviewItem will take the half of the row and the rest two items 1/2 from the another half (see the attached picture). If you want the TileViewItem to have 200 width in pixel measurements, then you should set the IsItemsSizeInPercentages property to false.

    I hope this helps. If you need any further assistance or if I didn't understand you right, please give us more information about your scenario and the expected behavior. Thank you in advance.

    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 Feedback Portal and vote to affect the priority of the items
  3. DevCraft R3 2016 release webinar banner
Back to Top