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

[Solved] Scrolls for Grid inside tileview.

2 Answers 423 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 22 Sep 2011, 06:33 AM

GridScrollsinTiles.png

I'm using tileview. Inside tileview rad tab control is there and
inside tab control rad grid view is there. The problem is
rad grid is not showing horizontal & vertical scrollbar at all.
Whether tile is in minimized or maximized or restored mode.
I think something went wrong from my side.
Also the solution you will give should work on all resolutions.
Try to avoid hard coded height and widths.
I'm posting my code here.

Thanks in advance.

<telerik:RadTileView MaxColumns="2" x:Name="radTileviewTasks" HorizontalAlignment="Stretch" Visibility="Collapsed" MinimizedItemsPosition="Top" MinimizedRowHeight="80" MinimizedColumnWidth="200">

<telerik:RadTileViewItem x:Name="tileLifeStyle" HorizontalAlignment="Stretch" Header="Life Style Goal\Activity Follow Up" Position="0" MinimizedWidth="400" >

<StackPanel Orientation="Vertical">

<Border BorderThickness="1 0" Margin="0" BorderBrush="#cfd4da">

<Border.Background>

<SolidColorBrush Color="AliceBlue"/>

</Border.Background>

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

<StackPanel Orientation="Vertical">

<TextBlock Text="Scheduled Days : 23" Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

<TextBlock Text="Allow Specific Schedule : Yes " Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

</StackPanel>

<StackPanel Orientation="Vertical">

<TextBlock Text="Created Date : 09/16/2011" Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

<TextBlock Text="Version History : 1.0.0.0" Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

</StackPanel>

</Border>

<telerik:RadTabControl Grid.Row="1" VerticalAlignment="Top"

DisplayMemberPath="Content" DropDownDisplayMode="Visible" ScrollMode="Viewport"

Background="#dde1ea" BorderThickness="0">

<telerik:RadTabItem Padding="4 1" DropDownContent="Task Type Default Schedule">

<telerik:RadTabItem.Header>

<TextBlock Text="Task Type Default Schedule" Margin="19 2 19 0" />

</telerik:RadTabItem.Header>

<telerik:RadTabItem.Content>

<telerik:RadGridView x:Name="radLifeStyleDefault" ShowGroupPanel="False" GridLinesVisibility="Both" HorizontalAlignment="Stretch" VerticalAlignment="Top"

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

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

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Header="Contact #" DataMemberBinding="{Binding Contact}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Contact Type" DataMemberBinding="{Binding ContactType}" IsGroupable="False"/>

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

<telerik:GridViewDataColumn Header="# of Days For Next Attepmt" DataMemberBinding="{Binding NextAttempt}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="# of Days to Mark as Closed Incomplete/CareGap" DataMemberBinding="{Binding CareGap}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Status" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding Status}" IsGroupable="False"/>

<telerik:GridViewBoundColumnBase Header="Action" UniqueName="TaskType" HeaderTextAlignment="Left" TextAlignment="Left">

<telerik:GridViewBoundColumnBase.CellTemplate>

<DataTemplate>

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

<Image Name="imgEdit" Margin="1" Source="/ProgramMaintenance;component/Images/edit-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

<Image Name="imgSelect" Margin="1" Source="/ProgramMaintenance;component/Images/tick-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

</StackPanel>

</DataTemplate>

</telerik:GridViewBoundColumnBase.CellTemplate>

</telerik:GridViewBoundColumnBase>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</telerik:RadTabItem.Content>

</telerik:RadTabItem>

<telerik:RadTabItem Padding="4 1" DropDownContent="Specific Schedule">

<telerik:RadTabItem.Header>

<TextBlock Text="Specific Schedule" Margin="19 2 19 0" />

</telerik:RadTabItem.Header>

<telerik:RadTabItem.Content>

<telerik:RadGridView x:Name="radGridLifeSpecific" ShowGroupPanel="False" GridLinesVisibility="Both" Grid.Column="0" Width="Auto" Height="340" 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:GridViewDataColumn Header="Activity" DataMemberBinding="{Binding Activity}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Status" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding Status}" IsGroupable="False"/>

<telerik:GridViewBoundColumnBase Header="Action" UniqueName="TaskType" HeaderTextAlignment="Left" TextAlignment="Left">

<telerik:GridViewBoundColumnBase.CellTemplate>

<DataTemplate>

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

<Image Name="imgEdit" Margin="1" Source="/ProgramMaintenance;component/Images/edit-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

<Image Name="imgSelect" Margin="1" Source="/ProgramMaintenance;component/Images/tick-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

</StackPanel>

</DataTemplate>

</telerik:GridViewBoundColumnBase.CellTemplate>

</telerik:GridViewBoundColumnBase>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</telerik:RadTabItem.Content>

</telerik:RadTabItem>

</telerik:RadTabControl>

</StackPanel>

</telerik:RadTileViewItem>

<telerik:RadTileViewItem HorizontalAlignment="Stretch" Header="Program Enrollment" Position="1" MinimizedWidth="400" x:Name="tileProgramEnroll">

<StackPanel Orientation="Vertical">

<Border BorderThickness="1 0" Margin="0" BorderBrush="#cfd4da">

<Border.Background>

<SolidColorBrush Color="AliceBlue"/>

</Border.Background>

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

<StackPanel Orientation="Vertical">

<TextBlock Text="Scheduled Days : 23" Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

<TextBlock Text="Allow Specific Schedule : Yes " Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

</StackPanel>

<StackPanel Orientation="Vertical">

<TextBlock Text="Created Date : 09/16/2011" Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

<TextBlock Text="Version History : 1.0.0.0" Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

</StackPanel>

</Border>

<telerik:RadTabControl Grid.Row="1" VerticalAlignment="Top"

DisplayMemberPath="Content" DropDownDisplayMode="Visible" ScrollMode="Viewport"

Background="#dde1ea" BorderThickness="0">

<telerik:RadTabItem Padding="4 1" DropDownContent="Task Type Default Schedule">

<telerik:RadTabItem.Header>

<TextBlock Text="Task Type Default Schedule" Margin="19 2 19 0" />

</telerik:RadTabItem.Header>

<telerik:RadTabItem.Content>

<telerik:RadGridView x:Name="radProgramEnrollDefault" ShowGroupPanel="False" GridLinesVisibility="Both" Grid.Column="0" Width="Auto" Height="340" 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:GridViewDataColumn Header="Contact #" DataMemberBinding="{Binding Contact}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Contact Type" DataMemberBinding="{Binding ContactType}" IsGroupable="False"/>

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

<telerik:GridViewDataColumn Header="# of Days For Next Attepmt" DataMemberBinding="{Binding NextAttempt}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="# of Days to Mark as Closed Incomplete/CareGap" DataMemberBinding="{Binding CareGap}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Status" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding Status}" IsGroupable="False"/>

<telerik:GridViewBoundColumnBase Header="Action" UniqueName="TaskType" HeaderTextAlignment="Left" TextAlignment="Left">

<telerik:GridViewBoundColumnBase.CellTemplate>

<DataTemplate>

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

<Image Name="imgEdit" Margin="1" Source="/ProgramMaintenance;component/Images/edit-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

<Image Name="imgSelect" Margin="1" Source="/ProgramMaintenance;component/Images/tick-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

</StackPanel>

</DataTemplate>

</telerik:GridViewBoundColumnBase.CellTemplate>

</telerik:GridViewBoundColumnBase>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</telerik:RadTabItem.Content>

</telerik:RadTabItem>

<telerik:RadTabItem Padding="4 1" DropDownContent="Specific Schedule">

<telerik:RadTabItem.Header>

<TextBlock Text="Specific Schedule" Margin="19 2 19 0" />

</telerik:RadTabItem.Header>

<telerik:RadTabItem.Content>

<telerik:RadGridView Name="radGridProgramSpecific" ShowGroupPanel="False" GridLinesVisibility="Both" Grid.Column="0" Width="Auto" Height="340" 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:GridViewDataColumn Header="Programs" DataMemberBinding="{Binding Programs}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Status" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding Status}" IsGroupable="False"/>

<telerik:GridViewBoundColumnBase Header="Action" UniqueName="TaskType" HeaderTextAlignment="Left" TextAlignment="Left">

<telerik:GridViewBoundColumnBase.CellTemplate>

<DataTemplate>

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

<Image Name="imgEdit" Margin="1" Source="/ProgramMaintenance;component/Images/edit-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

<Image Name="imgSelect" Margin="1" Source="/ProgramMaintenance;component/Images/tick-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

</StackPanel>

</DataTemplate>

</telerik:GridViewBoundColumnBase.CellTemplate>

</telerik:GridViewBoundColumnBase>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</telerik:RadTabItem.Content>

</telerik:RadTabItem>

</telerik:RadTabControl>

</StackPanel>

</telerik:RadTileViewItem>

<telerik:RadTileViewItem Header="Questionnaire" Position="2" MinimizedWidth="400" x:Name="tileQues" >

<StackPanel Orientation="Vertical">

<Border BorderThickness="1 0" Margin="0" BorderBrush="#cfd4da">

<Border.Background>

<SolidColorBrush Color="AliceBlue"/>

</Border.Background>

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

<StackPanel Orientation="Vertical">

<TextBlock Text="Scheduled Days : 23" Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

<TextBlock Text="Allow Specific Schedule : Yes " Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

</StackPanel>

<StackPanel Orientation="Vertical">

<TextBlock Text="Created Date : 09/16/2011" Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

<TextBlock Text="Version History : 1.0.0.0" Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

</StackPanel>

</Border>

<telerik:RadTabControl Grid.Row="1" VerticalAlignment="Top"

DisplayMemberPath="Content" DropDownDisplayMode="Visible" ScrollMode="Viewport"

Background="#dde1ea" BorderThickness="0">

<telerik:RadTabItem Padding="4 1" DropDownContent="Task Type Default Schedule">

<telerik:RadTabItem.Header>

<TextBlock Text="Task Type Default Schedule" Margin="19 2 19 0" />

</telerik:RadTabItem.Header>

<telerik:RadTabItem.Content>

<telerik:RadGridView Name="radGridQuesDefault" ShowGroupPanel="False" GridLinesVisibility="Both" Grid.Column="0" Width="Auto" Height="340" 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:GridViewDataColumn Header="Patient Name" DataMemberBinding="{Binding PatientName}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Enrolled On" DataMemberBinding="{Binding EnrolledOn}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="End Date" DataMemberBinding="{Binding EndDate}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Declined Flag" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding DeclinedFlag}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Status" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding TypeName}" IsGroupable="False"/>

<telerik:GridViewBoundColumnBase Header="Action" UniqueName="TaskType" HeaderTextAlignment="Left" TextAlignment="Left">

<telerik:GridViewBoundColumnBase.CellTemplate>

<DataTemplate>

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

<Image Name="imgEdit" Margin="1" Source="/ProgramMaintenance;component/Images/edit-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

<Image Name="imgSelect" Margin="1" Source="/ProgramMaintenance;component/Images/tick-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

</StackPanel>

</DataTemplate>

</telerik:GridViewBoundColumnBase.CellTemplate>

</telerik:GridViewBoundColumnBase>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</telerik:RadTabItem.Content>

</telerik:RadTabItem>

<telerik:RadTabItem Padding="4 1" DropDownContent="Specific Schedule">

<telerik:RadTabItem.Header>

<TextBlock Text="Specific Schedule" Margin="19 2 19 0" />

</telerik:RadTabItem.Header>

<telerik:RadTabItem.Content>

<telerik:RadGridView Name="radGridQuesSpecific" ShowGroupPanel="False" GridLinesVisibility="Both" Grid.Column="0" Width="Auto" Height="340" 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:GridViewDataColumn Header="Questionnaire" DataMemberBinding="{Binding Questionnaire}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Status" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding Status}" IsGroupable="False"/>

<telerik:GridViewBoundColumnBase Header="Action" UniqueName="TaskType" HeaderTextAlignment="Left" TextAlignment="Left">

<telerik:GridViewBoundColumnBase.CellTemplate>

<DataTemplate>

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

<Image Name="imgEdit" Margin="1" Source="/ProgramMaintenance;component/Images/edit-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

<Image Name="imgSelect" Margin="1" Source="/ProgramMaintenance;component/Images/tick-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

</StackPanel>

</DataTemplate>

</telerik:GridViewBoundColumnBase.CellTemplate>

</telerik:GridViewBoundColumnBase>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</telerik:RadTabItem.Content>

</telerik:RadTabItem>

</telerik:RadTabControl>

</StackPanel>

</telerik:RadTileViewItem>

<telerik:RadTileViewItem Header="Schedule Encounter\Appointment" Position="3" MinimizedWidth="400" x:Name="tileEncounter">

<StackPanel Orientation="Vertical">

<Border BorderThickness="1 0" Margin="0" BorderBrush="#cfd4da">

<Border.Background>

<SolidColorBrush Color="AliceBlue"/>

</Border.Background>

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

<StackPanel Orientation="Vertical">

<TextBlock Text="Scheduled Days : 23" Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

<TextBlock Text="Allow Specific Schedule : Yes " Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

</StackPanel>

<StackPanel Orientation="Vertical">

<TextBlock Text="Created Date : 09/16/2011" Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

<TextBlock Text="Version History : 1.0.0.0" Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

</StackPanel>

</Border>

<telerik:RadTabControl Grid.Row="1" VerticalAlignment="Top"

DisplayMemberPath="Content" DropDownDisplayMode="Visible" ScrollMode="Viewport"

Background="#dde1ea" BorderThickness="0">

<telerik:RadTabItem Padding="4 1" DropDownContent="Task Type Default Schedule">

<telerik:RadTabItem.Header>

<TextBlock Text="Task Type Default Schedule" Margin="19 2 19 0" />

</telerik:RadTabItem.Header>

<telerik:RadTabItem.Content>

<telerik:RadGridView x:Name="radQuesDefault" ShowGroupPanel="False" GridLinesVisibility="Both" Grid.Column="0" Width="Auto" Height="340" 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:GridViewDataColumn Header="Contact #" DataMemberBinding="{Binding Contact}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Contact Type" DataMemberBinding="{Binding ContactType}" IsGroupable="False"/>

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

<telerik:GridViewDataColumn Header="# of Days For Next Attepmt" DataMemberBinding="{Binding NextAttempt}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="# of Days to Mark as Closed Incomplete/CareGap" DataMemberBinding="{Binding CareGap}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Status" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding Status}" IsGroupable="False"/>

<telerik:GridViewBoundColumnBase Header="Action" UniqueName="TaskType" HeaderTextAlignment="Left" TextAlignment="Left">

<telerik:GridViewBoundColumnBase.CellTemplate>

<DataTemplate>

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

<Image Name="imgEdit" Margin="1" Source="/ProgramMaintenance;component/Images/edit-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

<Image Name="imgSelect" Margin="1" Source="/ProgramMaintenance;component/Images/tick-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

</StackPanel>

</DataTemplate>

</telerik:GridViewBoundColumnBase.CellTemplate>

</telerik:GridViewBoundColumnBase>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</telerik:RadTabItem.Content>

</telerik:RadTabItem>

<telerik:RadTabItem Padding="4 1" DropDownContent="Specific Schedule">

<telerik:RadTabItem.Header>

<TextBlock Text="Specific Schedule" Margin="19 2 19 0" />

</telerik:RadTabItem.Header>

<telerik:RadTabItem.Content>

<telerik:RadGridView Name="radGridEncounterSpecific" ShowGroupPanel="False" GridLinesVisibility="Both" Grid.Column="0" Width="Auto" Height="340" 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:GridViewDataColumn Header="Encounter Type" DataMemberBinding="{Binding EncounterType}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Status" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding Status}" IsGroupable="False"/>

<telerik:GridViewBoundColumnBase Header="Action" UniqueName="TaskType" HeaderTextAlignment="Left" TextAlignment="Left">

<telerik:GridViewBoundColumnBase.CellTemplate>

<DataTemplate>

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

<Image Name="imgEdit" Margin="1" Source="/ProgramMaintenance;component/Images/edit-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

<Image Name="imgSelect" Margin="1" Source="/ProgramMaintenance;component/Images/tick-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

</StackPanel>

</DataTemplate>

</telerik:GridViewBoundColumnBase.CellTemplate>

</telerik:GridViewBoundColumnBase>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</telerik:RadTabItem.Content>

</telerik:RadTabItem>

</telerik:RadTabControl>

</StackPanel>

</telerik:RadTileViewItem>

<telerik:RadTileViewItem x:Name="tileProcedure" Header="Schedule Procedure" Position="4" Grid.Row="2" Grid.Column="0" MinimizedWidth="400">

<StackPanel Orientation="Vertical">

<Border BorderThickness="1 0" Margin="0" BorderBrush="#cfd4da">

<Border.Background>

<SolidColorBrush Color="AliceBlue"/>

</Border.Background>

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

<StackPanel Orientation="Vertical">

<TextBlock Text="Scheduled Days : 23" Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

<TextBlock Text="Allow Specific Schedule : Yes " Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

</StackPanel>

<StackPanel Orientation="Vertical">

<TextBlock Text="Created Date : 09/16/2011" Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

<TextBlock Text="Version History : 1.0.0.0" Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

</StackPanel>

</Border>

<telerik:RadTabControl Grid.Row="1" VerticalAlignment="Top"

DisplayMemberPath="Content" DropDownDisplayMode="Visible" ScrollMode="Viewport"

Background="#dde1ea" BorderThickness="0">

<telerik:RadTabItem Padding="4 1" DropDownContent="Task Type Default Schedule">

<telerik:RadTabItem.Header>

<TextBlock Text="Task Type Default Schedule" Margin="19 2 19 0" />

</telerik:RadTabItem.Header>

<telerik:RadTabItem.Content>

<telerik:RadGridView x:Name="radProcedureDefault" ShowGroupPanel="False" GridLinesVisibility="Both" Grid.Column="0" Width="Auto" Height="340" 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:GridViewDataColumn Header="Contact #" DataMemberBinding="{Binding Contact}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Contact Type" DataMemberBinding="{Binding ContactType}" IsGroupable="False"/>

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

<telerik:GridViewDataColumn Header="# of Days For Next Attepmt" DataMemberBinding="{Binding NextAttempt}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="# of Days to Mark as Closed Incomplete/CareGap" DataMemberBinding="{Binding CareGap}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Status" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding Status}" IsGroupable="False"/>

<telerik:GridViewBoundColumnBase Header="Action" UniqueName="TaskType" HeaderTextAlignment="Left" TextAlignment="Left">

<telerik:GridViewBoundColumnBase.CellTemplate>

<DataTemplate>

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

<Image Name="imgEdit" Margin="1" Source="/ProgramMaintenance;component/Images/edit-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

<Image Name="imgSelect" Margin="1" Source="/ProgramMaintenance;component/Images/tick-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

</StackPanel>

</DataTemplate>

</telerik:GridViewBoundColumnBase.CellTemplate>

</telerik:GridViewBoundColumnBase>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</telerik:RadTabItem.Content>

</telerik:RadTabItem>

<telerik:RadTabItem Padding="4 1" DropDownContent="Specific Schedule">

<telerik:RadTabItem.Header>

<TextBlock Text="Specific Schedule" Margin="19 2 19 0" />

</telerik:RadTabItem.Header>

<telerik:RadTabItem.Content>

<telerik:RadGridView Name="radGridProcedureSpecific" ShowGroupPanel="False" GridLinesVisibility="Both" Grid.Column="0" Width="Auto" Height="340" 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:GridViewDataColumn Header="Procedure" DataMemberBinding="{Binding Procedure}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Lead Time(Days)" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding LeadTime}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Status" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding Status}" IsGroupable="False"/>

<telerik:GridViewBoundColumnBase Header="Action" UniqueName="TaskType" HeaderTextAlignment="Left" TextAlignment="Left">

<telerik:GridViewBoundColumnBase.CellTemplate>

<DataTemplate>

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

<Image Name="imgEdit" Margin="1" Source="/ProgramMaintenance;component/Images/edit-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

<Image Name="imgSelect" Margin="1" Source="/ProgramMaintenance;component/Images/tick-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

</StackPanel>

</DataTemplate>

</telerik:GridViewBoundColumnBase.CellTemplate>

</telerik:GridViewBoundColumnBase>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</telerik:RadTabItem.Content>

</telerik:RadTabItem>

</telerik:RadTabControl>

</StackPanel>

</telerik:RadTileViewItem>

<telerik:RadTileViewItem x:Name="tileImmunization" Header="Immunization" Position="5" Grid.Row="2" Grid.Column="1" MinimizedWidth="400" >

<StackPanel Orientation="Vertical">

<Border BorderThickness="1 0" Margin="0" BorderBrush="#cfd4da">

<Border.Background>

<SolidColorBrush Color="AliceBlue"/>

</Border.Background>

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

<StackPanel Orientation="Vertical">

<TextBlock Text="Scheduled Days : 23" Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

<TextBlock Text="Allow Specific Schedule : Yes " Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

</StackPanel>

<StackPanel Orientation="Vertical">

<TextBlock Text="Created Date : 09/16/2011" Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

<TextBlock Text="Version History : 1.0.0.0" Foreground="Blue" FontStyle="Italic" FontSize="11"></TextBlock>

</StackPanel>

</Border>

<telerik:RadTabControl Grid.Row="1" VerticalAlignment="Top"

DisplayMemberPath="Content" DropDownDisplayMode="Visible" ScrollMode="Viewport"

Background="#dde1ea" BorderThickness="0">

<telerik:RadTabItem Padding="4 1" DropDownContent="Task Type Default Schedule">

<telerik:RadTabItem.Header>

<TextBlock Text="Task Type Default Schedule" Margin="19 2 19 0" />

</telerik:RadTabItem.Header>

<telerik:RadTabItem.Content>

<telerik:RadGridView x:Name="radImmunizationDefault" ShowGroupPanel="False" GridLinesVisibility="Both" Grid.Column="0" Width="Auto" Height="340" 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:GridViewDataColumn Header="Contact #" DataMemberBinding="{Binding Contact}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Contact Type" DataMemberBinding="{Binding ContactType}" IsGroupable="False"/>

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

<telerik:GridViewDataColumn Header="# of Days For Next Attepmt" DataMemberBinding="{Binding NextAttempt}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="# of Days to Mark as Closed Incomplete/CareGap" DataMemberBinding="{Binding CareGap}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Status" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding Status}" IsGroupable="False"/>

<telerik:GridViewBoundColumnBase Header="Action" UniqueName="TaskType" HeaderTextAlignment="Left" TextAlignment="Left">

<telerik:GridViewBoundColumnBase.CellTemplate>

<DataTemplate>

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

<Image Name="imgEdit" Margin="1" Source="/ProgramMaintenance;component/Images/edit-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

<Image Name="imgSelect" Margin="1" Source="/ProgramMaintenance;component/Images/tick-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

</StackPanel>

</DataTemplate>

</telerik:GridViewBoundColumnBase.CellTemplate>

</telerik:GridViewBoundColumnBase>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</telerik:RadTabItem.Content>

</telerik:RadTabItem>

<telerik:RadTabItem Padding="4 1" DropDownContent="Specific Schedule">

<telerik:RadTabItem.Header>

<TextBlock Text="Specific Schedule" Margin="19 2 19 0" />

</telerik:RadTabItem.Header>

<telerik:RadTabItem.Content>

<telerik:RadGridView Name="radGridImmunizationSpecific" ShowGroupPanel="False" GridLinesVisibility="Both" Grid.Column="0" Width="Auto" Height="340" 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:GridViewDataColumn Header="Immunization Name" DataMemberBinding="{Binding Name}" IsGroupable="False"/>

<telerik:GridViewDataColumn Header="Status" HeaderTextAlignment="Left" TextAlignment="Left" DataMemberBinding="{Binding Status}" IsGroupable="False"/>

<telerik:GridViewBoundColumnBase Header="Action" UniqueName="TaskType" HeaderTextAlignment="Left" TextAlignment="Left">

<telerik:GridViewBoundColumnBase.CellTemplate>

<DataTemplate>

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

<Image Name="imgEdit" Margin="1" Source="/ProgramMaintenance;component/Images/edit-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

<Image Name="imgSelect" Margin="1" Source="/ProgramMaintenance;component/Images/tick-icon.png" Cursor="Hand" MouseLeftButtonDown="imgSelect_MouseLeftButtonDown" />

</StackPanel>

</DataTemplate>

</telerik:GridViewBoundColumnBase.CellTemplate>

</telerik:GridViewBoundColumnBase>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</telerik:RadTabItem.Content>

</telerik:RadTabItem>

</telerik:RadTabControl>

</StackPanel>

</telerik:RadTileViewItem>

</telerik:RadTileView>

2 Answers, 1 is accepted

Accepted

answered on 26 Sep 2011, 05:49 PM

TestTileView.zip

Hi Rahul,
The problem is that the RadTabControl measures its children with infinity and when the RadGridView is measured with infinity it doesn't show its scrollbars. A solution is to set MaxWidth/Height to your RadGridViews and you can do this in some event handlers - size change of the RadTileViewItem and Loaded of the RadGrid.
I've attached a sample project so could you please examine it 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 >>