Tileview showing minimized icon after 2011-0419 upgrade

4 posts, 0 answers
  1. Subha
    Subha avatar
    10 posts
    Member since:
    Dec 2010

    Posted 24 May 2011 Link to this post

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

    Posted 25 May 2011 Link to this post

    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
    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
  3. DevCraft banner
  4. Subha
    Subha avatar
    10 posts
    Member since:
    Dec 2010

    Posted 25 May 2011 Link to this post

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

    Posted 26 May 2011 Link to this post

    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
    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
Back to Top