Scrolls for Grid inside tileview.

3 posts, 1 answers
  1. Rahul
    Rahul avatar
    116 posts
    Member since:
    Feb 2011

    Posted 22 Sep 2011 Link to this post

    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>
                                    </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>
                                    </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>
                                    </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>
                                    </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>
                                    </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>
                                    </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>
                        <!--</Grid>-->
                    </telerik:RadTileView>
  2. Answer
    Zarko
    Admin
    Zarko avatar
    755 posts

    Posted 26 Sep 2011 Link to this post

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

  3. DevCraft banner
  4. Rahul
    Rahul avatar
    116 posts
    Member since:
    Feb 2011

    Posted 26 Sep 2011 Link to this post

    Thank a lot Zarko. That's what i'm looking for.
Back to Top