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

No Scroll bar

1 Answer 187 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Kevin
Top achievements
Rank 1
Kevin asked on 17 May 2013, 03:44 PM
I have got an application with an outlook bar on one side and a panel on the other.  
I'm actually using a busy control.  When a user clicks on an option the specified control gets injected into the panel.  

This all works great and as it should.  My problem is that the scollbar never appears in the panel the control.  
I have a attached a pic and a link to a screen capture that may explain what i mean better.  



https://docs.google.com/file/d/0BwHgkQgjXmQvN0ZNVV9mTzNtdEU/edit?usp=sharing


<
Border  BorderBrush="Silver">
       <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="150" />
                <ColumnDefinition Width="600" />
                 
            </Grid.ColumnDefinitions>
 
 
    <telerik:RadOutlookBar x:Name="outlookBar"
                           telerik:StyleManager.Theme="Office_Blue"
                        IsMinimized="{Binding ElementName=isMinimizedCheckBox, Path=IsChecked, Mode=TwoWay}"
                        IsMinimizable="{Binding ElementName=isMinimizableCheckBox, Path=IsChecked, Mode=TwoWay}"
                        IsVerticalResizerVisible="{Binding ElementName=isVerticalResizerVisibleCheckBox, Path=IsChecked, Mode=TwoWay}"
                         HorizontalAlignment="Stretch">
 
         <telerik:RadOutlookBarItem Header="Table Admin" FontWeight="Bold" x:Name="GroupTableAdmin"
                                     Icon="/Images/TableSmall.png" Tag="TableAdmin">
            <telerik:RadListBox Name="LstTableAdmin" SelectionMode="Single"
                                SelectionChanged="LstTableAdmin_SelectionChanged">
                <telerik:RadListBoxItem Content="Contracts" />
                <telerik:RadListBoxItem Content="Projects" />
                <telerik:RadListBoxItem Content="Task Types" />
                <telerik:RadListBoxItem Content="Task Groups" />
                <telerik:RadListBoxItem Content="Project/Contract" />
                <telerik:RadListBoxItem Content="TaskTypes/Groups" />
            </telerik:RadListBox>
        </telerik:RadOutlookBarItem>
 
        <telerik:RadOutlookBarItem Header="Work" FontWeight="Bold"  Icon="/Images/CalendarSmall.png">
                    <telerik:RadListBox Name="Lstworking" SelectionMode="Single"
                                        SelectionChanged="Lstworking_SelectionChanged">
                        <telerik:RadListBoxItem Content="Staff" />
                <telerik:RadListBoxItem Content="Full Time Days" />
                <telerik:RadListBoxItem Content="Part Time Days" />
            </telerik:RadListBox>
        </telerik:RadOutlookBarItem>
         
         
        <telerik:RadOutlookBarItem Header="Holidays" FontWeight="Bold"
                                   Icon="/Images/SunSmall.png">
            <telerik:RadListBox Name="LstHolidays" SelectionMode="Single">
                <telerik:RadListBoxItem Content="Public Holidays" />
            </telerik:RadListBox>
        </telerik:RadOutlookBarItem>
 
            <telerik:RadOutlookBarItem Header="My Staff" Icon="/Images/UsersSmall.png"
                                   x:Name="groupMyStaff" FontWeight="Bold" Tag="My Staff">
            <telerik:RadListBox Name="lstMyStaff" SelectionMode="Single"
                                        SelectionChanged="lstMyStaff_SelectionChanged"/>
        </telerik:RadOutlookBarItem>
         
    </telerik:RadOutlookBar>
     
      
      
 
      
 
    <telerik:RadBusyIndicator IsBusy="True" Grid.Column="1"
                            ScrollViewer.VerticalScrollBarVisibility="Visible"
                                Name="Progress" DisplayAfter="0"
                                telerik:StyleManager.Theme="Summer">
    </telerik:RadBusyIndicator>
 
 
 
    </Grid>
 
</Border>


Injected Control 

<UserControl
xmlns:TimeSheetsManagerControlLibrary="clr-namespace:TimeSheetsManagerControlLibrary"  
x:Class="ctrl_Contracts"
xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
xmlns:command="clr-namespace:GalaSoft.MvvmLight.Command;assembly=GalaSoft.MvvmLight.Extras.WPF4"
xmlns:telerikControls="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"
    
<UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="../MyStyles.xaml" />
                <ResourceDictionary Source="../DataTemplates.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
</UserControl.Resources>
 
        <StackPanel VerticalAlignment="Top" Height="Auto">
 
        <telerik:RadButton Click="RadButton_Click" Width="200" HorizontalAlignment="Left" >
             <Image Source="/images/Print.png"/>
       </telerik:RadButton>
 
 
 
            <telerik:RadDataForm
Name="DataForm1"
     AutoGenerateFields="False" AutoEdit="True"
  AutoCommit="True"
    Style="{StaticResource MyDataFormStyle}"
ItemsSource="{Binding Contracts, Mode=TwoWay}"
CurrentItem="{Binding  SelectedItem,Mode=TwoWay}"
EditTemplate="{StaticResource ContractDataTemplate}"
NewItemTemplate="{StaticResource ContractDataTemplate}"
ReadOnlyTemplate="{StaticResource ContractDataTemplate}">
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="EditEnded">
                        <i:InvokeCommandAction Command="{Binding UpdateCommand}"/>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </telerik:RadDataForm>
 
            <telerik:RadGridView x:Name="Grid" SelectionMode="Single"
                                 ScrollMode="RealTime" telerik:StyleManager.Theme="Summer"
                                 ScrollViewer.VerticalScrollBarVisibility="Visible"
                            ItemsSource="{Binding  Contracts, Mode=TwoWay}"
                            CurrentItem="{Binding  SelectedItem, Mode=TwoWay}"
                            SelectedItem="{Binding  SelectedItem, Mode=TwoWay}"
                            Style="{StaticResource MyGridViewStyle}"  >
                <telerik:RadGridView.Columns>
                    <telerik:GridViewDataColumn Header="ContractCode" Width="90"
                                DataMemberBinding="{Binding ContractCode}" />
                    <telerik:GridViewDataColumn Header="ContractDescription" Width="290"
                                DataMemberBinding="{Binding ContractDescription}" />
                    <telerik:GridViewCheckBoxColumn Header="Current" Width="20"
                                DataMemberBinding="{Binding Current}" />
                </telerik:RadGridView.Columns>
            </telerik:RadGridView>
 
 
 
        </StackPanel>
     
</UserControl>




#Region "Private Methods"
    Private Sub LoadControl(Control As Object)
        Me.Progress.IsBusy = True

        Control.Load()

        Me.Progress.Content = Control
        Me.Progress.IsBusy = False
    End Sub
#End Region


1 Answer, 1 is accepted

Sort by
0
Pavel R. Pavlov
Telerik team
answered on 22 May 2013, 11:24 AM
Hi Kevin,

I understand your issue. It is caused by the fact that the RadGridView is hosted in a StackPanel. This panel measures its children with Infinity and this is why the built-in ScrollViewer is not active. You can overcome this issue by using a Grid with RowDefinition.Height="*" or you can set fixed size to the RadGridView control.

Please try out these approaches and let us know if you need further assistance.

Regards,
Pavel R. Pavlov
Telerik

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

Tags
General Discussions
Asked by
Kevin
Top achievements
Rank 1
Answers by
Pavel R. Pavlov
Telerik team
Share this question
or