This is a migrated thread and some comments may be shown as answers.

[Solved] Telerik Upgrade Problem. Please try to address as soon as possible.

6 Answers 178 Views

TileView

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

Rahul asked on 07 Sep 2011, 01:21 PM

BeforeMaximizing.jpg

AfterMaximizing.jpg

Hi,
Today we upgraded our telerik silverlight controls from [2010.3.1110.1040] to this version [2011.1.315.1040].
One page not working properly. That page contains RadTileView. After Maximizing tile the UI got disturbed and some time disappears.
I'm giving you code and screenshot for the issue. please have look into this as soon as possible.

Thanks in advance.

<navigation:Page x:Class="AnalyticsReports.CallPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

mc:Ignorable="d"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

xmlns:telerikQuickStart="clr-namespace:Telerik.Windows.Controls.QuickStart;assembly=Telerik.Windows.Controls"

xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"

xmlns:controlsToolkit="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Toolkit"

d:DesignWidth="640" d:DesignHeight="480"

Title="CallPage Page">

<controlsToolkit:BusyIndicator

x:Name="busyIndicator"

BusyContent="Fetching Data..."

IsBusy="False"

DisplayAfter="0">

<controlsToolkit:BusyIndicator

x:Name="busyIndicatorOpenTask"

BusyContent="Loading Tasks..."

IsBusy="False"

DisplayAfter="0">

<!--<controlsToolkit:BusyIndicator

x:Name="busyIndicatorGrid"

BusyContent="Loading the Grid..."

IsBusy="False"

DisplayAfter="0">-->

<Grid x:Name="LayoutRoot">

<Grid.Resources>

<Style x:Name="CustomCellStyle" TargetType="telerik:GridViewCell">

<Setter Property="Foreground" Value="Navy"/>

</Style>

<Style x:Key="Style1" TargetType="telerik:GridViewCell">

<Setter Property="Cursor" Value="Hand"/>

</Style>

</Grid.Resources>

<Grid.RowDefinitions>

<RowDefinition Height="*"/>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="3*"/>

<ColumnDefinition Width="93*"/>

<ColumnDefinition Width="3*"/>

<!--<ColumnDefinition Width="16*"></ColumnDefinition>

<ColumnDefinition Width="84*"></ColumnDefinition>-->

</Grid.ColumnDefinitions>

<telerik:RadDocking Name="radDocking" Grid.Row="0" Grid.Column="0" VerticalAlignment="Top" Background="Transparent" BorderThickness="0" Padding="0">

<telerik:RadSplitContainer InitialPosition="DockedLeft">

<telerik:RadPaneGroup Width="360" >

<telerik:RadPane HorizontalAlignment="Stretch" Header="Disease" CanUserPin="False" CanFloat="False" CanUserClose="False" IsPinned="False" >

<StackPanel Orientation="Vertical">

<!--<telerikQuickStart:HeaderedContentControl Visibility="Visible" Content="Care Gaps" x:Name="gridHeaderCareGaps" FontWeight="Bold">

</telerikQuickStart:HeaderedContentControl>-->

<telerik:RadGridView x:Name="radGridDisease" ScrollViewer.HorizontalScrollBarVisibility="Auto" ShowGroupPanel="False" GridLinesVisibility="Both" Grid.Column="0" Width="Auto" Height="280" HorizontalAlignment="Stretch" VerticalAlignment="Top"

ColumnWidth="*" ShowColumnFooters="False" CanUserInsertRows="False" IsReadOnly="True" ShowColumnHeaders="True" AutoGenerateColumns="False"

Visibility="Visible" CanUserResizeColumns="False" CanUserFreezeColumns="False">

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Header="Diseases" DataMemberBinding="{Binding DiseaseName}" IsGroupable="False"/>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

<!--<telerik:RadDataPager Name="radGridDiseasePager" Visibility="Collapsed"  HorizontalAlignment="Stretch" PageSize="5" Width="Auto" Source="{Binding Items, ElementName=radGridDisease}" IsTotalItemCountFixed="True" DisplayMode="FirstLastPreviousNextNumeric, Text" />-->

</StackPanel>

</telerik:RadPane>

<telerik:RadPane Header="Program" HorizontalAlignment="Stretch" CanUserPin="False" CanFloat="False" CanUserClose="False" IsPinned="False" >

<StackPanel Orientation="Vertical">

<!--<telerikQuickStart:HeaderedContentControl Visibility="Visible" Content="Care Gaps" x:Name="gridHeaderCareGaps" FontWeight="Bold">

</telerikQuickStart:HeaderedContentControl>-->

<telerik:RadGridView x:Name="radGridPrograms" ShowGroupPanel="False" GridLinesVisibility="Both" Grid.Column="0" Width="Auto" Height="280" HorizontalAlignment="Stretch" VerticalAlignment="Top"

ColumnWidth="*" ShowColumnFooters="False" CanUserInsertRows="False" IsReadOnly="True" ShowColumnHeaders="True" AutoGenerateColumns="False"

Visibility="Visible" CanUserResizeColumns="False" CanUserFreezeColumns="False">

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Header="Programs" DataMemberBinding="{Binding ProgramName}" IsGroupable="False"/>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

<!--<telerik:RadDataPager Name="radGridProgramsPager" Visibility="Visible"  HorizontalAlignment="Stretch" PageSize="5" Width="Auto" Source="{Binding Items, ElementName=radGridPrograms}" IsTotalItemCountFixed="True" DisplayMode="FirstLastPreviousNextNumeric, Text" />-->

</StackPanel>

</telerik:RadPane>

<telerik:RadPane Header="Cohort" HorizontalAlignment="Stretch" CanUserPin="False" CanFloat="False" CanUserClose="False" IsPinned="False" >

<StackPanel Orientation="Vertical">

<!--<telerikQuickStart:HeaderedContentControl Visibility="Visible" Content="Care Gaps" x:Name="gridHeaderCareGaps" FontWeight="Bold">

</telerikQuickStart:HeaderedContentControl>-->

<telerik:RadGridView x:Name="radGridCohorts" ShowGroupPanel="False" GridLinesVisibility="Both" Grid.Column="0" Width="Auto" Height="280" HorizontalAlignment="Stretch" VerticalAlignment="Top"

ColumnWidth="*" ShowColumnFooters="False" CanUserInsertRows="False" IsReadOnly="True" ShowColumnHeaders="True" AutoGenerateColumns="False"

Visibility="Visible" CanUserResizeColumns="False" CanUserFreezeColumns="False">

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Header="Patient Cohorts" DataMemberBinding="{Binding CohortListName}" IsGroupable="False"/>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

<!--<telerik:RadDataPager Name="radGridCohortsPager" Visibility="Collapsed"  HorizontalAlignment="Stretch" PageSize="5" Width="Auto" Source="{Binding Items, ElementName=radGridCohorts}" IsTotalItemCountFixed="True" DisplayMode="FirstLastPreviousNextNumeric, Text" />-->

</StackPanel>

</telerik:RadPane>

<telerik:RadPane Header="Patient Medical Problems" HorizontalAlignment="Stretch" CanUserPin="False" CanFloat="False" CanUserClose="False" IsPinned="False" >

<StackPanel Orientation="Vertical">

<!--<telerikQuickStart:HeaderedContentControl Visibility="Visible" Content="Care Gaps" x:Name="gridHeaderCareGaps" FontWeight="Bold">

</telerikQuickStart:HeaderedContentControl>-->

<telerik:RadGridView x:Name="radGridMedicalProblems" ShowGroupPanel="False" GridLinesVisibility="Both" Grid.Column="0" Width="Auto" Height="280" HorizontalAlignment="Stretch" VerticalAlignment="Top"

ColumnWidth="*" ShowColumnFooters="False" CanUserInsertRows="False" IsReadOnly="True" ShowColumnHeaders="True" AutoGenerateColumns="False"

Visibility="Visible" CanUserResizeColumns="False" CanUserFreezeColumns="False">

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Header="Patient Medical Problems" DataMemberBinding="{Binding MedicalProblemAndDate}" IsGroupable="False"/>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

<!--<telerik:RadDataPager Name="radGridMedicalProblemsPager" Visibility="Visible"  HorizontalAlignment="Stretch" PageSize="5" Width="Auto" Source="{Binding Items, ElementName=radGridMedicalProblems}" IsTotalItemCountFixed="True" DisplayMode="FirstLastPreviousNextNumeric, Text" />-->

</StackPanel>

</telerik:RadPane>

</telerik:RadPaneGroup>

</telerik:RadSplitContainer>

</telerik:RadDocking>

<telerik:RadDocking Name="radDockingRight" Grid.Row="0" Grid.Column="2" Height="340" Background="Transparent" VerticalAlignment="Top" BorderThickness="0" Padding="0">

<telerik:RadSplitContainer InitialPosition="DockedRight">

<telerik:RadPaneGroup Width="330" Height="280">

<telerik:RadPane Header="Common Links" CanUserPin="False" CanFloat="False" CanUserClose="False" IsPinned="False" >

<StackPanel Orientation="Vertical">

<TextBlock Text="Common Links" FontFamily="Georgia" FontSize="11" FontWeight="Bold"/>

<TextBlock Text="" FontFamily="Georgia" FontSize="7" FontWeight="Bold"/>

<HyperlinkButton Name="lnkMsgToCareTeam" Content="Send Internal Message to Care Team" Click="lnkMsgToCareTeam_Click" Cursor="Hand"/>

<HyperlinkButton Name="lnkMsgToPatient" Content="Send Internal Message to Patient" Click="lnkMsgToPatient_Click" Cursor="Hand"/>

<HyperlinkButton Name="lnkLifestyleGoals" NavigateUri="" Content="Change/Update LifeStyle Goal And Activity" Click="lnkLifestyleGoals_Click" Cursor="Hand"/>

<HyperlinkButton Name="lnkDemographic" Content="Change Demographic Information" Click="lnkDemographic_Click" Cursor="Hand"/>

<HyperlinkButton Name="lnkStickyNotes" Content="Enter Sticky Notes" Click="lnkStickyNotes_Click" Cursor="Hand"/>

<HyperlinkButton Name="lnkScheduleCall" Content="Schedule a Future Call" Click="lnkScheduleCall_Click" Cursor="Hand"/>

<HyperlinkButton Name="lnkLV" Content="View Longitudinal View of Patient History" Click="lnkLV_Click" Cursor="Hand"/>

<HyperlinkButton Name="lnkVisitPlan" Content="View Visit Plan" Click="lnkVisitPlan_Click" Cursor="Hand"/>

<HyperlinkButton Name="lnkEnterMeasures" Content="Enter Measures" Click="lnkEnterMeasures_Click" Cursor="Hand"/>

<TextBlock Text="Change Care Plan" FontFamily="Georgia" FontSize="11" FontWeight="Bold"/>

<TextBlock Text="" FontFamily="Georgia" FontSize="7" FontWeight="Bold"/>

<HyperlinkButton Name="lnkScheduledProcs" Content="Scheduled Procedures" Click="lnkScheduledProcs_Click" Cursor="Hand"/>

<HyperlinkButton Name="lnkScheduledQues" Content="Scheduled Questionnaires" Click="lnkScheduledQues_Click" Cursor="Hand"/>

<HyperlinkButton Name="lnkGoals" Content="Measure Goals" Click="lnkGoals_Click" Cursor="Hand"/>

</StackPanel>

</telerik:RadPane>

<telerik:RadPane Header="Health Indicators and Barriers" CanUserPin="False" CanFloat="False" CanUserClose="False" IsPinned="False" >

<telerik:RadPanelBar x:Name="radPanelHealth" VerticalAlignment="Stretch" BorderBrush="#FFCBD8E8" BorderThickness="1 1 0 1">

<telerik:RadPanelBarItem IsExpanded="True">

<telerik:RadPanelBarItem.Header>

<TextBlock Text="" Margin="5 3" />

</telerik:RadPanelBarItem.Header>

<Grid>

<Grid.RowDefinitions>

<RowDefinition Height="70*"/>

<RowDefinition Height="30*"/>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="50*"/>

</Grid.ColumnDefinitions>

<StackPanel Orientation="Vertical" Grid.Row="0" Grid.Column="0">

<StackPanel HorizontalAlignment="Left">

<TextBlock Text="Health Indicators" FontWeight="Bold" FontSize="13"/>

</StackPanel>

<StackPanel Orientation="Horizontal">

<CheckBox Name="chkHeart"/>

<TextBlock Text="Heart Disease"/>

</StackPanel>

<StackPanel Orientation="Horizontal">

<CheckBox Name="chkLiver"/>

<TextBlock Text="Liver Disease"/>

</StackPanel>

<StackPanel Orientation="Horizontal">

<CheckBox Name="chkLung"/>

<TextBlock Text="Lung Disease"/>

</StackPanel>

<StackPanel Orientation="Horizontal">

<CheckBox Name="chkKidney"/>

<TextBlock Text="Kidney Disease"/>

</StackPanel>

<StackPanel Orientation="Horizontal">

<CheckBox Name="chkCancer"/>

<TextBlock Text="Cancer History"/>

</StackPanel>

<StackPanel Orientation="Horizontal">

<CheckBox Name="chkTobacco"/>

<TextBlock Text="Tobacco Users"/>

</StackPanel>

<StackPanel Orientation="Horizontal">

<CheckBox Name="chkInactive"/>

<TextBlock Text="Inactive Lifestyle"/>

</StackPanel>

<StackPanel Orientation="Horizontal">

<CheckBox Name="chkAlcohol"/>

<TextBlock Text="Significant Alcohol Use"/>

</StackPanel>

<StackPanel Orientation="Horizontal">

<CheckBox Name="chkObesity"/>

<TextBlock Text="Obesity"/>

</StackPanel>

<StackPanel Orientation="Vertical" Grid.Row="0" Grid.Column="1">

<StackPanel HorizontalAlignment="Left">

<TextBlock Text="Barriers" FontWeight="Bold" FontSize="12"/>

</StackPanel>

<StackPanel Orientation="Horizontal">

<CheckBox Name="chkFinancial"/>

<TextBlock Text="Financial"/>

</StackPanel>

<StackPanel Orientation="Horizontal">

<CheckBox Name="chkMentalHealth"/>

<TextBlock Text="Mental Health"/>

</StackPanel>

<StackPanel Orientation="Horizontal">

<CheckBox Name="chkEducation"/>

<TextBlock Text="Education/Literacy"/>

</StackPanel>

<StackPanel Orientation="Horizontal">

<CheckBox Name="chkLanguage"/>

<TextBlock Text="Language/Cultural"/>

</StackPanel>

<StackPanel Orientation="Horizontal">

<CheckBox Name="chkTransportation"/>

<TextBlock Text="Transportation"/>

</StackPanel>

<StackPanel Orientation="Horizontal">

<CheckBox Name="chkFrequent"/>

<TextBlock Text="Frequent No Show"/>

</StackPanel>

<StackPanel Orientation="Horizontal">

<CheckBox Name="chkVision"/>

<TextBlock Text="Vision Impaired"/>

</StackPanel>

<StackPanel Orientation="Horizontal">

<CheckBox Name="chkHearing"/>

<TextBlock Text="Hearing Impaired"/>

</StackPanel>

<StackPanel Orientation="Vertical" Grid.Row="1" Grid.ColumnSpan="2">

<TextBlock Text="Comments:" FontWeight="Bold" FontSize="12" HorizontalAlignment="Left"/>

<TextBox Name="txtComments" TextWrapping="Wrap" Height="80" Width="Auto" AcceptsReturn="True" ScrollViewer.VerticalScrollBarVisibility="Visible" HorizontalAlignment="Stretch"/>

<Button Name="btnBarriorsSave" Content="Save" Width="50" Click="btnBarriorsSave_Click" HorizontalAlignment="Right"/>

</StackPanel>

</Grid>

</telerik:RadPanelBarItem>

<!--<telerik:RadPanelBarItem IsExpanded="True">

<telerik:RadPanelBarItem.Header>

<TextBlock Text="Barriers" Margin="5 3" />

</telerik:RadPanelBarItem.Header>

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="55*"/>

<ColumnDefinition Width="45*"/>

</Grid.ColumnDefinitions>

</Grid>

</telerik:RadPanelBarItem>-->

</telerik:RadPanelBar>

</telerik:RadPane>

</telerik:RadPaneGroup>

</telerik:RadSplitContainer>

</telerik:RadDocking>

<Grid x:Name="PageContainer" Grid.Row="0" Grid.Column="1" Background="Transparent">

<telerik:RadTileView BorderBrush="Transparent" x:Name="radTileview" MaxColumns="2" Margin="0" ScrollBarVisibility="Auto" MinimizedItemsPosition="Right">

<telerik:RadTileViewItem Header="Open Calls" Grid.Row="0" Grid.Column="0" Position="0" x:Name="tileOpenTasks" >

<StackPanel Orientation="Vertical">

<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" >

<RadioButton Name="rdbCallRelated" Content="Call Related" GroupName="Call" IsChecked="True" Checked="rdbCallRelated_Checked"/>

<RadioButton Name="rdbNonCallRelated" Content="Non Call Related" GroupName="Call" Checked="rdbNonCallRelated_Checked"/>

<TextBlock Text=" " />

<telerik:RadButton Name="btnEnterAllAttempts" HorizontalAlignment="Right" Content="Enter Call Attempt For All" Click="btnEnterAllAttempts_Click"/>

</StackPanel>

<telerik:RadGridView x:Name="radGridOpenTasks" ShowGroupPanel="False" Height="527" GridLinesVisibility="Both" Grid.Column="0" Width="Auto" HorizontalAlignment="Stretch" VerticalAlignment="Top"

ColumnWidth="*" ShowColumnFooters="False" CanUserInsertRows="False" IsReadOnly="True" ShowColumnHeaders="True" AutoGenerateColumns="False"

Visibility="Visible" CanUserResizeColumns="True" CanUserFreezeColumns="False" RowLoaded="radGridOpenTasks_RowLoaded">

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Header="TaskId" DataMemberBinding="{Binding TaskId}" IsGroupable="False" IsVisible="False"/>

<telerik:GridViewDataColumn Header="TaskGeneralizedId" DataMemberBinding="{Binding TaskGeneralizedId}" IsGroupable="False" IsVisible="False"/>

<telerik:GridViewDataColumn Header="IsCareGap" DataMemberBinding="{Binding IsCareGap}" IsGroupable="False" IsVisible="False"/>

<telerik:GridViewDataColumn Header="CareGapDate" DataMemberBinding="{Binding CareGapDate}" IsGroupable="False" IsVisible="False"/>

<telerik:GridViewDataColumn Header="Comments" DataMemberBinding="{Binding Comments}" IsGroupable="False" IsVisible="False"/>

<telerik:GridViewDataColumn Header="TasktypeId" DataMemberBinding="{Binding TasktypeId}" IsGroupable="False" IsVisible="False"/>

<telerik:GridViewDataColumn Header="TaskStatusId" DataMemberBinding="{Binding TaskStatusId}" IsGroupable="False" IsVisible="False"/>

<telerik:GridViewDataColumn Header="LastCommunicationType" DataMemberBinding="{Binding LastCommunicationType}" IsGroupable="False" IsVisible="False"/>

<telerik:GridViewDataColumn Header="CommunicationTemplateID" DataMemberBinding="{Binding CommunicationTemplateID}" IsGroupable="False" IsVisible="False"/>

<telerik:GridViewDataColumn Header="CommunicaitonAttemptDays" DataMemberBinding="{Binding CommunicaitonAttemptDays}" IsGroupable="False" IsVisible="False"/>

<telerik:GridViewDataColumn Header="CommunicationSequence" DataMemberBinding="{Binding CommunicationSequence}" IsGroupable="False" IsVisible="False"/>

<telerik:GridViewDataColumn Header="TaskTypeCommunicationId" DataMemberBinding="{Binding TaskTypeCommunicationId}" IsGroupable="False" IsVisible="False"/>

<telerik:GridViewDataColumn Header="TypeName" DataMemberBinding="{Binding TypeName}" IsGroupable="False" IsVisible="False"/>

<telerik:GridViewDataColumn Header="Comm" Width="14*" DataMemberBinding="{Binding LastCommunicationType}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Due Date" Width="12*" DataMemberBinding="{Binding TaskDueDate}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Attempts" Width="12*" HeaderTextAlignment="Right" TextAlignment="Right" DataMemberBinding="{Binding Attempts}" IsGroupable="False"/>

<telerik:GridViewBoundColumnBase Header="Task Type" Width="46*" UniqueName="TaskType" HeaderTextAlignment="Left" TextAlignment="Left">

<telerik:GridViewBoundColumnBase.CellTemplate>

<DataTemplate>

<StackPanel Orientation="Horizontal">

<HyperlinkButton x:Name="lnkTaskType" Cursor="Hand" Visibility="Visible" ToolTipService.ToolTip="{Binding TaskTypeName}" Content="{Binding TaskTypeName}" Click="lnkTaskType_Click"/>

<Image x:Name="imgCareGap" Visibility="Collapsed" Cursor="Hand" Source="/AnalyticsReports;component/Images/ico_flagred.png" ToolTipService.ToolTip="Care Gap" Height="15" Width="15" MouseLeftButtonDown="imgCareGap_MouseLeftButtonDown"/>

</StackPanel>

</DataTemplate>

</telerik:GridViewBoundColumnBase.CellTemplate>

</telerik:GridViewBoundColumnBase>

<telerik:GridViewDataColumn Header="Care Provider" Width="20*" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding AssignedCareProvider}" IsGroupable="False"/>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

<!--<telerik:RadDataPager Name="radGridOpenTasksPager" Visibility="Collapsed"  HorizontalAlignment="Stretch" PageSize="10"  Width="Auto" Source="{Binding Items, ElementName=radGridOpenTasks}" IsTotalItemCountFixed="True" DisplayMode="FirstLastPreviousNextNumeric, Text" />-->

</StackPanel>

</telerik:RadTileViewItem>

<telerik:RadTileViewItem Header="Care Gaps" Grid.Row="0" Grid.Column="1" Position="1" x:Name="tileCareGaps">

<StackPanel Orientation="Vertical">

<telerik:RadGridView x:Name="radGridCareGaps" ShowGroupPanel="False" GridLinesVisibility="Both" Grid.Column="0" Width="Auto" Height="527" HorizontalAlignment="Stretch" VerticalAlignment="Top"

ColumnWidth="*" ShowColumnFooters="False" CanUserInsertRows="False" IsReadOnly="True" ShowColumnHeaders="True" AutoGenerateColumns="False"

Visibility="Visible" CanUserResizeColumns="False" CanUserFreezeColumns="False">

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Header="Task Type" Width="80*" DataMemberBinding="{Binding Reason}" IsGroupable="False">

<telerik:GridViewDataColumn.ToolTipTemplate>

<DataTemplate>

<TextBlock Text="{Binding Reason}"/>

</DataTemplate>

</telerik:GridViewDataColumn.ToolTipTemplate>

</telerik:GridViewDataColumn>

<telerik:GridViewDataColumn Header="Care Gap Date" Width="20*" DataMemberBinding="{Binding CareGapDate}" IsGroupable="False"/>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</StackPanel>

</telerik:RadTileViewItem>

<telerik:RadTileViewItem Header="Major Encounters in Last 12 Months" Grid.Row="1" Grid.Column="0" Position="2" x:Name="tileEncounters" >

<StackPanel Orientation="Vertical">

<telerik:RadGridView x:Name="radGridEncounters" ShowGroupPanel="False" GridLinesVisibility="Both" Grid.Column="0" Height="527" Width="Auto" HorizontalAlignment="Stretch" VerticalAlignment="Top"

ColumnWidth="*" ShowColumnFooters="False" CanUserInsertRows="False" IsReadOnly="True" ShowColumnHeaders="True" AutoGenerateColumns="False"

Visibility="Visible" CanUserResizeColumns="True" CanUserFreezeColumns="False" RowLoaded="radGridEncounters_RowLoaded">

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Header="Encounter Date" DataFormatString="{}{0:MM/dd/yyyy}" Width="15*" DataMemberBinding="{Binding EncounterDate}" IsGroupable="False" />

<telerik:GridViewDataColumn Header="Due Date" Width="12*" DataMemberBinding="{Binding DateDue}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Encounter Type" Width="20*" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding EncounterType}" IsGroupable="False">

<telerik:GridViewDataColumn.ToolTipTemplate>

<DataTemplate>

<TextBlock Text="{Binding EncounterType}"/>

</DataTemplate>

</telerik:GridViewDataColumn.ToolTipTemplate>

</telerik:GridViewDataColumn>

<telerik:GridViewDataColumn Header="Care Provider" Width="15*" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding CareProvider}" IsGroupable="False">

<telerik:GridViewDataColumn.ToolTipTemplate>

<DataTemplate>

<TextBlock Text="{Binding CareProvider}"/>

</DataTemplate>

</telerik:GridViewDataColumn.ToolTipTemplate>

</telerik:GridViewDataColumn>

<telerik:GridViewBoundColumnBase Header="Status" Width="15*" UniqueName="Status" HeaderTextAlignment="Left" TextAlignment="Left">

<telerik:GridViewBoundColumnBase.CellTemplate>

<DataTemplate>

<StackPanel Orientation="Horizontal">

<TextBlock Name="txtEncounterStatus" Text="" FontWeight="Bold"/>

</StackPanel>

</DataTemplate>

</telerik:GridViewBoundColumnBase.CellTemplate>

</telerik:GridViewBoundColumnBase>

<telerik:GridViewDataColumn Header="Days" Width="8*" HeaderTextAlignment="Right" TextAlignment="Right" DataMemberBinding="{Binding StayDays}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Comments" Width="22*" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding Comments}" IsGroupable="False">

<telerik:GridViewDataColumn.ToolTipTemplate>

<DataTemplate>

<TextBlock Text="{Binding Comments}"/>

</DataTemplate>

</telerik:GridViewDataColumn.ToolTipTemplate>

</telerik:GridViewDataColumn>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

<!--<telerik:RadDataPager Name="radGridEncountersPager" Visibility="Collapsed"  HorizontalAlignment="Stretch" PageSize="5" Width="Auto" Source="{Binding Items, ElementName=radGridEncounters}" IsTotalItemCountFixed="True" DisplayMode="FirstLastPreviousNextNumeric, Text" />-->

</StackPanel>

</telerik:RadTileViewItem>

<telerik:RadTileViewItem Header="Previous Call Logs" Position="3" Grid.Row="1" Grid.Column="1" x:Name="tilePreviousCallLogs">

<StackPanel Orientation="Vertical">

<StackPanel Orientation="Horizontal">

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="20*"/>

<ColumnDefinition Width="10*"/>

<ColumnDefinition Width="65*"/>

<ColumnDefinition Width="5*"/>

</Grid.ColumnDefinitions>

<TextBlock Text="Notes " Grid.Column="0"/>

<telerik:RadDatePicker Grid.Column="1" Name="radDateCallLog" Margin="2" ></telerik:RadDatePicker>

<TextBox Name="txtCallLog" Grid.Column="2" HorizontalAlignment="Stretch" Width="330" AcceptsReturn="False"/>

<telerik:RadButton Name="btnSaveLog" Grid.Column="3" Margin="2" Content="Save" Click="btnSaveLog_Click"/>

</Grid>

</StackPanel>

<telerik:RadGridView x:Name="radGridPreviousCallLog" ShowGroupPanel="False" GridLinesVisibility="Both" Grid.Column="0" Width="Auto" Height="527" HorizontalAlignment="Stretch" VerticalAlignment="Top"

ColumnWidth="*" ShowColumnFooters="False" CanUserInsertRows="False" IsReadOnly="True" ShowColumnHeaders="True" AutoGenerateColumns="False"

Visibility="Visible" CanUserResizeColumns="True" CanUserFreezeColumns="False">

<telerik:RadGridView.Columns>

<telerik:GridViewBoundColumnBase Header="Zoom" Width="50" UniqueName="Zoom" CellStyle="{StaticResource Style1}">

<telerik:GridViewBoundColumnBase.CellTemplate>

<DataTemplate>

<StackPanel Orientation="Horizontal">

<Image x:Name="imgPreviousCallZoom" Visibility="Visible" Source="/AnalyticsReports;component/Images/zoom.png" ToolTipService.ToolTip="Zoom" Height="15" Width="15" MouseLeftButtonDown="imgPreviousCallZoom_MouseLeftButtonDown"/>

</StackPanel>

</DataTemplate>

</telerik:GridViewBoundColumnBase.CellTemplate>

</telerik:GridViewBoundColumnBase>

<telerik:GridViewDataColumn Header="Call Date" Width="20*" DataMemberBinding="{Binding CallDate}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Care Provider" Width="25*" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding CareProviderName}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Comments" Width="40*" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding Comments}" IsGroupable="False">

<telerik:GridViewDataColumn.ToolTipTemplate>

<DataTemplate>

<TextBlock Text="{Binding Comments}"/>

</DataTemplate>

</telerik:GridViewDataColumn.ToolTipTemplate>

</telerik:GridViewDataColumn>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

<!--<telerik:RadDataPager Name="radGridPreviousCallLogPager" Visibility="Collapsed"  HorizontalAlignment="Stretch" PageSize="10" Width="Auto" Source="{Binding Items, ElementName=radGridPreviousCallLog}" IsTotalItemCountFixed="True" DisplayMode="FirstLastPreviousNextNumeric, Text" />-->

</StackPanel>

</telerik:RadTileViewItem>

<telerik:RadTileViewItem x:Name="tileMeasures" Header="Measures" Position="4" Grid.Row="2" Grid.Column="0" >

<StackPanel Orientation="Vertical">

<telerik:RadGridView x:Name="radGridMeasures" ShowGroupPanel="False" GridLinesVisibility="Both" Grid.Column="0" Width="Auto" Height="527" HorizontalAlignment="Stretch" VerticalAlignment="Top"

ColumnWidth="*" RowLoaded="radGridMeasures_RowLoaded" ShowColumnFooters="False" CanUserInsertRows="False" IsReadOnly="True" ShowColumnHeaders="True" AutoGenerateColumns="False"

Visibility="Visible" CanUserResizeColumns="False" CanUserFreezeColumns="False">

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Header="Measure ID" Width="40*" IsVisible="False" DataMemberBinding="{Binding MeasureId}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Patient ID" Width="40*" IsVisible="False" DataMemberBinding="{Binding PatientUserId}" IsGroupable="False"/>

<telerik:GridViewBoundColumnBase Header="Chart" Width="40" UniqueName="Chart" CellStyle="{StaticResource Style1}">

<telerik:GridViewBoundColumnBase.CellTemplate>

<DataTemplate>

<StackPanel HorizontalAlignment="Center">

<Image x:Name="imgMeasureChart" Visibility="Visible" Source="/AnalyticsReports;component/Images/chartIcon_11.png" ToolTipService.ToolTip="Measure Chart" Height="15" Width="15" MouseLeftButtonDown="imgMeasureChart_MouseLeftButtonDown"/>

</StackPanel>

</DataTemplate>

</telerik:GridViewBoundColumnBase.CellTemplate>

</telerik:GridViewBoundColumnBase>

<telerik:GridViewDataColumn Header="Measures" Width="40*" DataMemberBinding="{Binding MeasureName}" IsGroupable="False"/>

<telerik:GridViewBoundColumnBase Header="Value" Width="15*" UniqueName="Value" DataMemberBinding="{Binding MeasureValue}" HeaderTextAlignment="Right" TextAlignment="Right" IsGroupable="False" >

<telerik:GridViewBoundColumnBase.CellTemplate>

<DataTemplate>

<StackPanel HorizontalAlignment="Center">

<TextBlock x:Name="txtValue" Visibility="Collapsed" />

</StackPanel>

</DataTemplate>

</telerik:GridViewBoundColumnBase.CellTemplate>

</telerik:GridViewBoundColumnBase>

<telerik:GridViewBoundColumnBase Header="Trend" Width="60" UniqueName="Trend" >

<telerik:GridViewBoundColumnBase.CellTemplate>

<DataTemplate>

<StackPanel HorizontalAlignment="Center">

<Image x:Name="imgTrend" Visibility="Visible" Height="15" Width="15" />

</StackPanel>

</DataTemplate>

</telerik:GridViewBoundColumnBase.CellTemplate>

</telerik:GridViewBoundColumnBase>

<telerik:GridViewBoundColumnBase Header="Mail" Width="40" UniqueName="Mail" CellStyle="{StaticResource Style1}">

<telerik:GridViewBoundColumnBase.CellTemplate>

<DataTemplate>

<StackPanel Orientation="Horizontal">

<Image x:Name="imgMail" Visibility="Visible" Source="/AnalyticsReports;component/Images/mailBox1.png" ToolTipService.ToolTip="" Height="15" Width="15" MouseLeftButtonDown="imgMail_MouseLeftButtonDown"/>

</StackPanel>

</DataTemplate>

</telerik:GridViewBoundColumnBase.CellTemplate>

</telerik:GridViewBoundColumnBase>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

<!--<telerik:RadDataPager Name="radGridMeasuresPager" Visibility="Collapsed"  HorizontalAlignment="Stretch" PageSize="5" Width="Auto" Source="{Binding Items, ElementName=radGridMeasures}" IsTotalItemCountFixed="True" DisplayMode="FirstLastPreviousNextNumeric, Text" />-->

</StackPanel>

</telerik:RadTileViewItem>

<telerik:RadTileViewItem x:Name="tileTitration" Height="210" Header="Patient Medication Titration" Position="5" Grid.Row="2" Grid.Column="2">

<StackPanel Orientation="Vertical">

<telerik:RadGridView x:Name="radGridTritrations" ShowGroupPanel="False" GridLinesVisibility="Both" Width="Auto" Height="527" HorizontalAlignment="Stretch" VerticalAlignment="Top"

ColumnWidth="*" ShowColumnFooters="False" CanUserInsertRows="False" IsReadOnly="True" ShowColumnHeaders="True" AutoGenerateColumns="False"

Visibility="Visible" CanUserResizeColumns="False" CanUserFreezeColumns="False">

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Header="Date Taken" Width="15*" DataMemberBinding="{Binding DateTaken}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Medication Tritration Name" Width="55*" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding MedicationTitrationName}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Recommendation" Width="30*" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding Recommendation}" IsGroupable="False"/>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

<!--<telerik:RadDataPager Name="radGridTritrationsPager" Visibility="Visible"  HorizontalAlignment="Stretch" PageSize="5" Width="Auto" Source="{Binding Items, ElementName=radGridTritrations}" IsTotalItemCountFixed="True" DisplayMode="FirstLastPreviousNextNumeric, Text" />-->

</StackPanel>

</telerik:RadTileViewItem>

<telerik:RadTileViewItem x:Name="tileCommunicationLog" Header="Previous Communication Log" Position="6" Grid.Row="2" Grid.Column="2">

<StackPanel Orientation="Vertical">

<telerik:RadGridView x:Name="radGridPreviousComm" ShowGroupPanel="False" GridLinesVisibility="Both" Width="Auto" Height="527" HorizontalAlignment="Stretch" VerticalAlignment="Top"

ColumnWidth="*" ShowColumnFooters="False" CanUserInsertRows="False" IsReadOnly="True" ShowColumnHeaders="True" AutoGenerateColumns="False"

Visibility="Visible" CanUserResizeColumns="False" CanUserFreezeColumns="False">

<telerik:RadGridView.Columns>

<telerik:GridViewBoundColumnBase Header="Zoom" Width="40" UniqueName="Zoom" CellStyle="{StaticResource Style1}">

<telerik:GridViewBoundColumnBase.CellTemplate>

<DataTemplate>

<StackPanel Orientation="Horizontal">

<Image x:Name="imgPreviousCommZoom" Visibility="Visible" Source="/AnalyticsReports;component/Images/zoom.png" ToolTipService.ToolTip="Zoom" Height="15" Width="15" MouseLeftButtonDown="imgPreviousCommZoom_MouseLeftButtonDown"/>

</StackPanel>

</DataTemplate>

</telerik:GridViewBoundColumnBase.CellTemplate>

</telerik:GridViewBoundColumnBase>

<telerik:GridViewDataColumn Header="Date Sent" Width="15*" DataMemberBinding="{Binding DateSent}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Template Name" Width="50*" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding TemplateName}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Type" Width="20*" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding CommunicationType}" IsGroupable="False"/>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

<!--<telerik:RadDataPager Name="radGridPreviousCommPager" Visibility="Collapsed"  HorizontalAlignment="Stretch" PageSize="5" Width="Auto" Source="{Binding Items, ElementName=radGridPreviousComm}" IsTotalItemCountFixed="True" DisplayMode="FirstLastPreviousNextNumeric, Text" />-->

</StackPanel>

</telerik:RadTileViewItem>

<telerik:RadTileViewItem x:Name="tileCurrentMedications" Header="Current Medications" Position="7" Grid.Row="3" Grid.Column="3">

<StackPanel Orientation="Vertical">

<!--<telerikQuickStart:HeaderedContentControl Visibility="Visible" Content="Care Gaps" x:Name="gridHeaderCareGaps" FontWeight="Bold">

</telerikQuickStart:HeaderedContentControl>-->

<telerik:RadGridView x:Name="radGridMedications" ShowGroupPanel="False" GridLinesVisibility="Both" Grid.Column="0" Width="Auto" Height="527" HorizontalAlignment="Stretch" VerticalAlignment="Top"

ColumnWidth="*" ShowColumnFooters="False" CanUserInsertRows="False" IsReadOnly="True" ShowColumnHeaders="True" AutoGenerateColumns="False"

Visibility="Visible" CanUserResizeColumns="False" CanUserFreezeColumns="False">

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Header="Current Medications" DataMemberBinding="{Binding MedicationName}" IsGroupable="False"/>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

<!--<telerik:RadDataPager Name="radGridMedicationsPager" Visibility="Collapsed"  HorizontalAlignment="Stretch" PageSize="5" Width="Auto" Source="{Binding Items, ElementName=radGridMedications}" IsTotalItemCountFixed="True" DisplayMode="FirstLastPreviousNextNumeric, Text" />-->

</StackPanel>

</telerik:RadTileViewItem>

</telerik:RadTileView>

</Grid>

</controlsToolkit:BusyIndicator>

</navigation:Page>

6 Answers, 1 is accepted

answered on 19 Sep 2011, 03:02 PM

SilverlightApplication3.zip

Hi Rahul,
Unfortunately I wasn't able to reproduce the problem with the code that you've provided in the first post, but from the problem explanation I guess that you're using custom RadTileViewItems template/style? If this is the case then you'll have to update this custom template because the RadTileView went through a major refactoring in the beginning of this year and there are some changes to its template.
There are a couple of changes that may cause your problem:
1) there's a new VisualStateGroup

<VisualStateGroup x:Name="TileStates">

<VisualState x:Name="Maximized">

<Storyboard>

<ObjectAnimationUsingKeyFrames Storyboard.TargetName="MaximizeToggleButton"

Storyboard.TargetProperty="IsChecked" Duration="0">

<DiscreteObjectKeyFrame KeyTime="0">

<DiscreteObjectKeyFrame.Value>

<sys:Boolean>True</sys:Boolean>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

<VisualState x:Name="Restored">

<Storyboard>

<ObjectAnimationUsingKeyFrames Storyboard.TargetName="MaximizeToggleButton"

Storyboard.TargetProperty="IsChecked" Duration="0">

<DiscreteObjectKeyFrame KeyTime="0">

<DiscreteObjectKeyFrame.Value>

<sys:Boolean>False</sys:Boolean>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

</VisualStateGroup>

2) the Maximize/Minimize button now uses a command not an event handler

xmlns:tileView="clr-namespace:Telerik.Windows.Controls.TileView"

<telerik:RadToggleButton x:Name="MaximizeToggleButton"

Command="tileView:TileViewCommands.ToggleTileState"

... />

I've attached the sample project that I used to reproduce the issue (with your code snippets).
If you have more questions feel free to ask.

Regards,
Zarko
the Telerik team

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

answered on 22 Sep 2011, 06:44 AM

Ohh i forgot to tell you that i modified the original control template. I created one resource dictionary and inside that
i override tile header colors and i put one image icons before tile header. I think i need new control template for tile view.
I'm giving you the resource dictionary code.

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">

<SolidColorBrush x:Key="TileView_Background" Color="#FFFFFFFF" />

<SolidColorBrush x:Key="TileView_OuterBorder" Color="#FF848484" />

<SolidColorBrush x:Key="TileView_InneBorder" Color="#FFFFFFFF" />

<Thickness x:Key="TileView_InneBorder_Thickness">1</Thickness>

<SolidColorBrush x:Key="TileView_HeaderBorder" Color="#FFFFFFFF" />

<Thickness x:Key="TileView_HeaderBorder_Thickness">0 0 0 1</Thickness>

<LinearGradientBrush x:Key="TileView_HeaderBackground" EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FFF6F6F6" />

<GradientStop Color="#FFD2D2D2" Offset="1" />

</LinearGradientBrush>

<LinearGradientBrush x:Key="TileView_ButtonBackground" EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FF282828" />

<GradientStop Color="#FF7C7C7C" Offset="1" />

</LinearGradientBrush>

<SolidColorBrush x:Key="TileView_ButtonOuterBorder" Color="#FFFFFFFF" />

<LinearGradientBrush x:Key="TileView_ButtonBackground_MouseOver" EndPoint="0.5,1"

StartPoint="0.5,0">

<GradientStop Color="#FFFEEDB7" Offset="0" />

<GradientStop Color="#FFFACA6A" Offset="1" />

<GradientStop Color="#FFFFC94A" Offset="0.526" />

<GradientStop Color="#FFFEEDB7" Offset="0.509" />

</LinearGradientBrush>

<LinearGradientBrush x:Key="TileView_ButtonBackground_Pressed" EndPoint="0.5,1"

StartPoint="0.5,0">

<GradientStop Color="#FFFECE95" Offset="0" />

<GradientStop Color="#FFFEB407" Offset="1" />

<GradientStop Color="#FFFEBB6E" Offset="0.517" />

<GradientStop Color="#FFE78318" Offset="0.539" />

</LinearGradientBrush>

<CornerRadius x:Key="TileView_HeaderBorder_CornerRadius">1</CornerRadius>

<SolidColorBrush x:Key="TileView_HeaderBorder_HorizontalSplitterBackground" Color="#FFBFBFBF" />

<LinearGradientBrush x:Key="TileView_HeaderBorder_HorizontalSplitterOpacityMask"

EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="Black" Offset="0" />

<GradientStop Offset="1" />

</LinearGradientBrush>

<SolidColorBrush x:Key="DisabledBrush" Color="#99FFFFFF" />

<CornerRadius x:Key="TileView_InneBorder_CornerRadius">1</CornerRadius>

<CornerRadius x:Key="TileView_OuterBorder_CornerRadius">2</CornerRadius>

<Style 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="Restored" />

<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 x:Name="HeaderBackgroundBorder"

BorderBrush="{StaticResource TileView_HeaderBorder}"

BorderThickness="{StaticResource TileView_HeaderBorder_Thickness}"

CornerRadius="{StaticResource TileView_HeaderBorder_CornerRadius}"

Padding="10 0 7 0">

<Border.Background>

<LinearGradientBrush EndPoint="0.5,1"

StartPoint="0.5,0">

<GradientStop Color="#FF5CE750" />

<GradientStop Color="#FFD2D2D2" Offset="1" />

</LinearGradientBrush>

</Border.Background>

<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>

<Image x:Name="imgTileHeader" HorizontalAlignment="Left" Margin="1" Height="24" Width="24"/>

<ToggleButton x:Name="MaximizeToggleButton"

HorizontalAlignment="Right" Height="17"

VerticalAlignment="Center" Width="17">

<ToggleButton.Template>

<ControlTemplate TargetType="ToggleButton">

<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>

</ControlTemplate>

</ToggleButton.Template>

</ToggleButton>

</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>

</Grid>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</ResourceDictionary>

Accepted

answered on 26 Sep 2011, 06:09 PM

SilverlightApplication3.zip

Hello Rahul,
I've updated your RadTileViewItems style and everything with the Maximize/Minimize button should be ok, so could you please examine the attached project and if you have more questions feel free to ask.

Greetings,
Zarko
the Telerik team

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>