No Scroll bar

2 posts, 0 answers
  1. Kevin
    Kevin avatar
    10 posts
    Member since:
    Feb 2012

    Posted 17 May 2013 Link to this post

    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


  2. Pavel R. Pavlov
    Admin
    Pavel R. Pavlov avatar
    1182 posts

    Posted 22 May 2013 Link to this post

    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.

  3. UI for WPF is Visual Studio 2017 Ready
Back to Top