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

Telerik Upgrade Problem. Please try to address as soon as possible.

6 Answers 114 Views
TileView
This is a migrated thread and some comments may be shown as answers.
Rahul
Top achievements
Rank 2
Rahul asked on 07 Sep 2011, 01:21 PM
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:x="http://schemas.microsoft.com/winfx/2006/xaml"
           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>
                    <!--Grid Styles-->
                    <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="*"/>
                    <!--<RowDefinition Height="20*"/>-->
                </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="Disease ID"  DataMemberBinding="{Binding DiseaseID}"/>-->
                                            <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="Disease ID"  DataMemberBinding="{Binding DiseaseID}"/>-->
                                            <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="Disease ID"  DataMemberBinding="{Binding DiseaseID}"/>-->
                                            <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*"/>
                                                <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>
                                            <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>
                                            <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="Disease ID"  DataMemberBinding="{Binding DiseaseID}"/>-->
                                        <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>
                        <!--</Grid>-->
                    </telerik:RadTileView>
 
                </Grid>
 
            </Grid>
            <!--</controlsToolkit:BusyIndicator>-->
        </controlsToolkit:BusyIndicator>
    </controlsToolkit:BusyIndicator>
</navigation:Page>

6 Answers, 1 is accepted

Sort by
0
Zarko
Telerik team
answered on 07 Sep 2011, 03:35 PM
Hi Rahul,
Could you please try to set the MinimizedColumnWidth of the RadTileView to 250?
If you have more questions feel free to ask.

Regards,
Zarko
the Telerik team

Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

0
Rahul
Top achievements
Rank 2
answered on 17 Sep 2011, 07:28 AM
Thanks for the giving solution but now we are facing one more problem is that tiles restore and maximize buttons not working at all. after clicking on them nothing happens. drag n drop is working fine. Double click on tile is also working fine. You can use the above posted code for verification.
Thanks in advace.

Regards
Rahul
0
Zarko
Telerik team
answered on 19 Sep 2011, 03:02 PM
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 >>

0
Rahul
Top achievements
Rank 2
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.

        xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
    <SolidColorBrush x:Key="TileView_Background" Color="#FFFFFFFF" />
    <!-- Resource dictionary entries should be defined here. -->
    <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="FontWeight" Value="Bold" />-->
        <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>
                                                            </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>
                        </Border>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>
0
Accepted
Zarko
Telerik team
answered on 26 Sep 2011, 06:09 PM
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 >>

0
Rahul
Top achievements
Rank 2
answered on 26 Sep 2011, 07:19 PM
Thanks a lot Zarko. Your solution works perfectly.
Tags
TileView
Asked by
Rahul
Top achievements
Rank 2
Answers by
Zarko
Telerik team
Rahul
Top achievements
Rank 2
Share this question
or