Tileview showing minimized icon after 2011-0419 upgrade

[Subha]

Hello,

We are using Rad Tile View with only one tile view item as a standard panel for our screens.  We have a requirement not to show maximize, minimize or restore buttons.  We were able to achieve this with Q32010 release by applying the following style.  After applying Q1 2011, we started seeing minimize button.

Could you please help us in fixing the style so that it will not show any of the above buttons in the header?

Thanks for your help.

Subha

 

<Style x:Key="RadTileViewItemStyleNoMaximizeToggleButton" TargetType="telerik:RadTileViewItem">
           <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
           <Setter Property="VerticalContentAlignment" Value="Stretch"/>
           <Setter Property="Background" Value="{StaticResource TileView_Background}"/>
           <Setter Property="BorderBrush" Value="{StaticResource TileView_OuterBorder}"/>
           <Setter Property="BorderThickness" Value="1"/>
           <Setter Property="Padding" Value="7"/>
           <Setter Property="TileState" Value="Maximized"/>
           <Setter Property="Foreground" Value="{StaticResource TileView_HeaderForeground}"/>
           <Setter Property="Template">
               <Setter.Value>
                   <ControlTemplate TargetType="telerik:RadTileViewItem">
                       <Grid>
                           <VisualStateManager.VisualStateGroups>
                               <VisualStateGroup x:Name="CommonStates">
                                   <VisualState x:Name="Normal"/>
                                   <VisualState x:Name="Disabled">
                                       <Storyboard>
                                           <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetProperty="Visibility" Storyboard.TargetName="DisabledVisual">
                                               <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>
                                           </ObjectAnimationUsingKeyFrames>
                                       </Storyboard>
                                   </VisualState>
                                   <VisualState x:Name="MouseOver"/>
                               </VisualStateGroup>
                           </VisualStateManager.VisualStateGroups>
                           <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="{StaticResource TileView_OuterBorder_CornerRadius}" Margin="{TemplateBinding Padding}">
                               <Border BorderBrush="{StaticResource TileView_InneBorder}" BorderThickness="{StaticResource TileView_InneBorder_Thickness}" CornerRadius="{StaticResource TileView_InneBorder_CornerRadius}">
                                   <Grid>
                                       <Grid.RowDefinitions>
                                           <RowDefinition Height="Auto"/>
                                           <RowDefinition Height="*"/>
                                       </Grid.RowDefinitions>
                                       <ContentPresenter x:Name="ContentElement" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Grid.Row="1" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                                       <Grid x:Name="ContentCacheHost" Grid.Row="1"/>
                                       <StackPanel>
                                           <Border BorderBrush="{StaticResource TileView_HeaderBorder}" BorderThickness="{StaticResource TileView_HeaderBorder_Thickness}" Background="{StaticResource TileView_HeaderBackground}" CornerRadius="{StaticResource TileView_HeaderBorder_CornerRadius}" Padding="10 0 7 0">
                                               <Grid MinHeight="28">
                                                   <Border x:Name="GripBarElement" Background="Transparent">
                                                       <ContentPresenter x:Name="HeaderElement" ContentTemplate="{TemplateBinding HeaderTemplate}" HorizontalAlignment="Left" Margin="0,0,10,0" VerticalAlignment="Center"/>
                                                   </Border>
                                                   <toggle:RadToggleButton x:Name="MaximizeToggleButton" HorizontalAlignment="Right" Height="17" VerticalAlignment="Center" Width="17" Opacity="0">
                                                       <toggle:RadToggleButton.Template>
                                                           <ControlTemplate TargetType="RadToggleButton">
                                                               <Grid>
                                                                   <VisualStateManager.VisualStateGroups>
                                                                       <VisualStateGroup x:Name="FocusStates">
                                                                           <VisualState x:Name="Focused"/>
                                                                           <VisualState x:Name="Unfocused"/>
                                                                       </VisualStateGroup>
                                                                       <VisualStateGroup x:Name="CommonStates">
                                                                           <VisualState x:Name="Disabled"/>
                                                                           <VisualState x:Name="Normal"/>
                                                                           <VisualState x:Name="MouseOver">
                                                                               <Storyboard>
                                                                                   <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="RestoreIcon">
                                                                                       <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TileView_ButtonBackground_MouseOver}"/>
                                                                                   </ObjectAnimationUsingKeyFrames>
                                                                                   <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="CollapseIcon">
                                                                                       <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TileView_ButtonBackground_MouseOver}"/>
                                                                                   </ObjectAnimationUsingKeyFrames>
                                                                               </Storyboard>
                                                                           </VisualState>
                                                                           <VisualState x:Name="Pressed">
                                                                               <Storyboard>
                                                                                   <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="RestoreIcon">
                                                                                       <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TileView_ButtonBackground_Pressed}"/>
                                                                                   </ObjectAnimationUsingKeyFrames>
                                                                                   <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="CollapseIcon">
                                                                                       <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TileView_ButtonBackground_Pressed}"/>
                                                                                   </ObjectAnimationUsingKeyFrames>
                                                                               </Storyboard>
                                                                           </VisualState>
                                                                       </VisualStateGroup>
                                                                       <VisualStateGroup x:Name="CheckStates">
                                                                           <VisualState x:Name="Checked">
                                                                               <Storyboard>
                                                                                   <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="Restore">
                                                                                       <DiscreteObjectKeyFrame KeyTime="0">
                                                                                           <DiscreteObjectKeyFrame.Value>
                                                                                               <Visibility>Collapsed</Visibility>
                                                                                           </DiscreteObjectKeyFrame.Value>
                                                                                       </DiscreteObjectKeyFrame>
                                                                                   </ObjectAnimationUsingKeyFrames>
                                                                                   <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="Collapse">
                                                                                       <DiscreteObjectKeyFrame KeyTime="0">
                                                                                           <DiscreteObjectKeyFrame.Value>
                                                                                               <Visibility>Visible</Visibility>
                                                                                           </DiscreteObjectKeyFrame.Value>
                                                                                       </DiscreteObjectKeyFrame>
                                                                                   </ObjectAnimationUsingKeyFrames>
                                                                               </Storyboard>
                                                                           </VisualState>
                                                                           <VisualState x:Name="Unchecked">
                                                                               <Storyboard>
                                                                                   <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="Restore">
                                                                                       <DiscreteObjectKeyFrame KeyTime="0">
                                                                                           <DiscreteObjectKeyFrame.Value>
                                                                                               <Visibility>Visible</Visibility>
                                                                                           </DiscreteObjectKeyFrame.Value>
                                                                                       </DiscreteObjectKeyFrame>
                                                                                   </ObjectAnimationUsingKeyFrames>
                                                                                   <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="Collapse">
                                                                                       <DiscreteObjectKeyFrame KeyTime="0">
                                                                                           <DiscreteObjectKeyFrame.Value>
                                                                                               <Visibility>Collapsed</Visibility>
                                                                                           </DiscreteObjectKeyFrame.Value>
                                                                                       </DiscreteObjectKeyFrame>
                                                                                   </ObjectAnimationUsingKeyFrames>
                                                                               </Storyboard>
                                                                           </VisualState>
                                                                           <VisualState x:Name="Indeterminate"/>
                                                                       </VisualStateGroup>
                                                                   </VisualStateManager.VisualStateGroups>
                                                                   <Grid x:Name="Restore" Background="Transparent" Height="13" Width="13">
                                                                       <ToolTipService.ToolTip>
                                                                           <ToolTip telerik:LocalizationManager.ResourceKey="TileViewItemMaximizeText"/>
                                                                       </ToolTipService.ToolTip>
                                                                       <Path x:Name="RestoreIcon" Data="M2,5 L2,8.9999999 6,8.9999999 6,5 z M0,3 L8,3 8,5 8,8.9999999 8,11 0,11 0,8.9999999 0,5 z M3,0 L11,0 11,2 11,8.9999999 9,8.9999999 9,2 3,2 z" Fill="{StaticResource TileView_ButtonBackground}" Margin="1" Stretch="Fill" Stroke="{x:Null}" StrokeThickness="0.5"/>
                                                                       <Path Data="M1,12 L9,12 9,13 1,13 z M3.9999999,7 L3.9999999,9 6,9 6,7 z M3,6 L7,6 7,7 7,9 7,10 3,10 3,9 3,7 z M0,4 L1,4 1,12 0,12 z M12,1 L13,1 13,10 12,10 z M3,1 L3.9999999,1 3.9999999,3 10,3 10,4 10,10 12,10 12,11 10,11 10,12 9,12 9,4 1,4 1,3 3,3 z M3.9999999,0 L12,0 12,1 3.9999999,1 z" Fill="{StaticResource TileView_ButtonOuterBorder}" Stretch="Fill" Stroke="{x:Null}" StrokeThickness="0.5"/>
                                                                   </Grid>
                                                                   <Grid x:Name="Collapse" Background="Transparent" Height="5" Visibility="Collapsed" Width="12">
                                                                       <ToolTipService.ToolTip>
                                                                           <ToolTip telerik:LocalizationManager.ResourceKey="TileViewItemMinimizeText"/>
                                                                       </ToolTipService.ToolTip>
                                                                       <Rectangle Fill="{StaticResource TileView_ButtonOuterBorder}" Stroke="{x:Null}" StrokeThickness="0.5"/>
                                                                       <Rectangle x:Name="CollapseIcon" Fill="{StaticResource TileView_ButtonBackground}" Margin="1" Stroke="{x:Null}" StrokeThickness="0.5"/>
                                                                   </Grid>
                                                               </Grid>
                                                           </ControlTemplate>
                                                       </toggle:RadToggleButton.Template>
                                                   </toggle:RadToggleButton>
                                               </Grid>
                                           </Border>
                                           <Border x:Name="Splitter" BorderThickness="0" Background="{StaticResource TileView_HeaderBorder_HorizontalSplitterBackground}" Height="4" OpacityMask="{StaticResource TileView_HeaderBorder_HorizontalSplitterOpacityMask}"/>
                                       </StackPanel>
                                       <Rectangle x:Name="DisabledVisual" Fill="{StaticResource DisabledBrush}" RadiusY="4" RadiusX="4" Grid.RowSpan="2" Visibility="Collapsed"/>
                                   </Grid>
                               </Border>
                           </Border>
                       </Grid>
                   </ControlTemplate>
               </Setter.Value>
           </Setter>
       </Style>

[Zarko]

Hello Subha,
There's been changes to the default RadTileViewItem template in the Q1 2011 and that's why your old template doesn't work.
I've attached a sample project with an updated style without Maximize/Minimize button in the header so could you please examine it and if you have more questions feel free to ask.

Best wishes,
Zarko
the Telerik team

[Subha]

Hello Zarco,

Thank you for the sample application. Header is looking clean now.  But, when I double click on the header the content is going away.  Is there a way I can disable that behavior?

Subha

[Zarko]

Hello Subha,
If by going away you mean that the tile is maximizing/minimizing you can disable this behavior by setting the MaximizeMode of the RadTileView to "Zero".
If you need further assistance feel free to ask.

Regards,
Zarko
the Telerik team