RadTabControl Hidding when scrolling the page

[Prabakaran]

When i use vertical scroll bar to scroll the page,radtabItem are hiding. How i can make the radtabcontrol position fixed to top and i should be able to scroll only the content of the page.

 <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions> 

 <Grid Grid.Row="1">
            <telerik:RadTabControl Width="Auto">
                <telerik:RadTabItem Header="General"
                                    IsSelected="{Binding IsGeneralTabSelected}">

  <Grid>
                        <Grid.Resources>
                            <DataTemplate x:Key="PaletteTemplate">
                                <Ellipse Width="10"
                                         Height="10"
                                         ToolTipService.ToolTip="{Binding ToolTipString}">
                                    <Ellipse.Fill>
                                        <SolidColorBrush Color="{Binding CustomColor}" />
                                    </Ellipse.Fill>
                                </Ellipse>
                            </DataTemplate>
                        </Grid.Resources>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto" />

.

.​

                 </telerik:RadTabItem>

</telerik:RadTabControl>

</Grid>​

</Grid>​

Thank you.

[Dinko | Tech Support Engineer]

Hi Prabakaran,

In order to achieve the desired effect you can just add ScrollViewer to the content of the RadTabControl. This way the ScrollViewer will be only for the content of the current tab. I have attached a sample project how you can implement this behavior using your code.

I hope this helps. If this solution is not the answer you are looking for don't hesitate to contact us again.

Regards,
Dinko
Telerik

[Prabakaran]

Dear Dinko,

It is working fine now, but the vertical scrollbar is showing alongside with scrollviewer. How can i disable/remove the verticalscrollbar.Please find the attached screenshot.

Thank you.

[Dinko | Tech Support Engineer]

Hello Prabakaran,

Without your layout we cannot be sure what is the main reason causing this behavior. However, we can suggest you to try set the Height of the RowDefinition to Auto.

<Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
</Grid.RowDefinitions>

Also you can try to attach the ScrollViewer.CanContentScroll property on the main Grid and set it to False.

<Grid ScrollViewer.CanContentScroll="False">
...

  
If this solution is not the answer you are looking for, you can send us runnable code snippets so we can check your layout on our side.

Regards,
Dinko
Telerik

[Prabakaran]

Dear Dinko,

I have tried as you suggested but it couldn't helped me to disable the additional vertical scroll bar . I have ​added the XAML script below, please help to look into it.

Thank you.

Regards,

Prabakaran

----------------------------------------------------------------------------------

XAML file

<UserControl x:Class="SEWEBModules.Views.SelfSettings"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
             xmlns:Telerik_Windows_Controls_TabControl="clr-namespace:Telerik.Windows.Controls.TabControl;assembly=Telerik.Windows.Controls.Navigation"
             xmlns:Telerik_Windows_Controls_Chromes="clr-namespace:Telerik.Windows.Controls.Chromes;assembly=Telerik.Windows.Controls"
             mc:Ignorable="d">
   
    <Grid ScrollViewer.CanContentScroll="False">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>            
        </Grid.RowDefinitions>        
        <Grid Grid.Row="0">
            <telerik:RadTabControl>
                <telerik:RadTabItem Header="General"
                                    IsSelected="{Binding IsGeneralTabSelected}">
                    <Grid>
                        <Grid.Resources>
                            <DataTemplate x:Key="PaletteTemplate">
                                <Ellipse Width="Auto"
                                         Height="Auto"
                                         ToolTipService.ToolTip="{Binding ToolTipString}">
                                    <Ellipse.Fill>
                                        <SolidColorBrush Color="{Binding CustomColor}" />
                                    </Ellipse.Fill>
                                </Ellipse>
                            </DataTemplate>
                        </Grid.Resources>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="700" />
                        </Grid.RowDefinitions>
                        <ScrollViewer VerticalScrollBarVisibility="Auto">
                            <StackPanel>
                                <Grid>
                        <Grid.Resources>
                            <DataTemplate x:Key="PaletteTemplate">
                                            <Ellipse Width="Auto"
                                                     Height="Auto"
                                         ToolTipService.ToolTip="{Binding ToolTipString}">
                                    <Ellipse.Fill>
                                        <SolidColorBrush Color="{Binding CustomColor}" />
                                    </Ellipse.Fill>
                                </Ellipse>
                            </DataTemplate>
                        </Grid.Resources>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="20" />
                            <ColumnDefinition Width="230" />
                            <ColumnDefinition Width="800" />
                        </Grid.ColumnDefinitions>
                        <Grid Grid.Row="0"
                              Height="10" />
                        <StackPanel Grid.Row="1"
                                    Grid.Column="1">
                            <telerik:Label Content="Email Notification:"
                                           Grid.Column="0"
                                           Margin="0,0,0,5" />
                        </StackPanel>
                        <StackPanel Grid.Column="2"
                                    Orientation="Horizontal"
                                    HorizontalAlignment="Left"
                                    Width="300"
                                                Grid.RowSpan="2"
                                                Margin="0,0,0,5">
                            <RadioButton Content="Yes"
                                         Margin="5,0,0,0"
                                         IsChecked="{Binding SelfSettingsGeneralTabModel.ReceiveNotificationsYes,Mode=TwoWay}" />
                            <RadioButton Content="No"
                                         Margin="5,0,0,0"
                                         IsChecked="{Binding SelfSettingsGeneralTabModel.ReceiveNotificationsNo,Mode=TwoWay}" />
                        </StackPanel>
                        <StackPanel Grid.Row="2"
                                    Grid.Column="1">
                            <telerik:Label Content="Themes:"
                                           Margin="0,0,0,5" />
                        </StackPanel>
                        <StackPanel Grid.Row="2"
                                    Grid.Column="2"
                                                Orientation="Horizontal"
                                                HorizontalAlignment="Left"
                                                Width="300"
                                                VerticalAlignment="Center"
                                                Margin="0,0,0,5">
                            <telerik:RadComboBox x:Name="selThemes"
                                                 ItemsSource="{Binding Themes}"
                                                 SelectedItem="{Binding SelfSettingsGeneralTabModel.SelectedTheme,Mode=TwoWay}"
                                                 Width="150" />

                        </StackPanel>
                        <StackPanel Grid.Row="3"
                                    Grid.Column="1">
                            <telerik:Label Content="Default BQC:"
                                           Grid.Column="0"
                                           Margin="0,0,0,5" />
                        </StackPanel>
                        <StackPanel Grid.Column="2"
                                    Grid.Row="3"
                                                Orientation="Horizontal"
                                                HorizontalAlignment="Left"
                                                Width="300"
                                                VerticalAlignment="Center"
                                                Margin="0,0,0,5">
                            <telerik:RadComboBox Width="200"
                                                 Grid.Row="1"
                                                 Grid.Column="1"
                                                 ItemsSource="{Binding MUsers}"
                                                 DisplayMemberPath="UserName"
                                                             SelectedValuePath="UserId"
                                                 SelectedValue="{Binding Path=SelfSettingsGeneralTabModel.DefaultBQC, Mode=TwoWay}" />
                        </StackPanel>

                        <StackPanel Grid.Row="4"
                                    Grid.Column="1">
                            <telerik:Label Content="Default QC:"
                                           Margin="0,0,0,5" />
                        </StackPanel>
                        <StackPanel Grid.Column="2"
                                    Grid.Row="4"
                                                Orientation="Horizontal"
                                                HorizontalAlignment="Left"
                                                Width="300"
                                                VerticalAlignment="Center"
                                                Margin="0,0,0,5">
                            <telerik:RadComboBox Width="200"
                                                 Grid.Row="1"
                                                 Grid.Column="1"
                                                 ItemsSource="{Binding MUsers}"
                                                 DisplayMemberPath="UserName"
                                                             SelectedValuePath="UserId"
                                                 SelectedValue="{Binding Path=SelfSettingsGeneralTabModel.DefaultQC, Mode=TwoWay}" />
                        </StackPanel>                     
                        <StackPanel Grid.Row="8"
                                    Grid.Column="1">
                            <telerik:Label Content="Not Available Time Period:"
                                           Margin="0,0,0,5" />
                        </StackPanel>
                        <StackPanel Grid.Column="2"
                                    Grid.Row="8"
                                    Orientation="Horizontal"
                                                HorizontalAlignment="Left"
                                                Width="600"
                                                VerticalAlignment="Center"
                                                Margin="0,0,0,5">
                            <telerik:Label Content="From"
                                           Width="50" />
                            <telerik:RadDatePicker Width="100"
                                                   SelectedValue="{Binding SelfSettingsGeneralTabModel.NotAvailableTimePeriodFrom,Mode=TwoWay}" />
                            <telerik:Label Content="To"
                                           Width="25" />
                            <telerik:RadDatePicker Width="100"
                                                   SelectedValue="{Binding SelfSettingsGeneralTabModel.NotAvailableTimePeriodTo,Mode=TwoWay}" />
                                        <telerik:Label Width="5" />
                                        <telerik:RadMaskedTextInput Mask=""
                                                        Width="300"
                                                                    Value="{Binding SelfSettingsGeneralTabModel.NotAvailableComment,Mode=TwoWay}"                                                                   
                                                        AcceptsReturn="False" EmptyContent="enter the comment" />

                                    </StackPanel>
                        <StackPanel Grid.Row="9"
                                    Grid.Column="1">
                                        <telerik:Label Content="Imported docs:"
                                           Margin="0,0,0,5" />
                        </StackPanel>
                        <StackPanel Grid.Column="2"
                                    Grid.Row="9"
                                                Orientation="Horizontal"
                                                HorizontalAlignment="Left"
                                                Width="400"
                                                VerticalAlignment="Center"
                                                Margin="0,0,0,5">
                                        <RadioButton Content="Show in info Tab"
                                         Margin="5,0,0,0"
                                         IsChecked="{Binding SelfSettingsGeneralTabModel.HideShowImportedDocsYes,Mode=TwoWay}" />
                                        <RadioButton Content="Hide from Info Tab"
                                         Margin="40,0,0,0"
                                         IsChecked="{Binding SelfSettingsGeneralTabModel.HideShowImportedDocsNo,Mode=TwoWay}" />
                        </StackPanel>

                        <StackPanel Grid.Row="10"
                                                Grid.Column="1"
                                                Margin="0,0,0,5">
                            <telerik:Label Content="History docs:"
                                           Grid.Column="0" />
                        </StackPanel>
                        <StackPanel Grid.Column="2"
                                    Grid.Row="10"
                                                Orientation="Horizontal"
                                                HorizontalAlignment="Left"
                                                Width="400"
                                                VerticalAlignment="Center"
                                                Margin="0,0,0,5">
                                        <RadioButton Content="Show in History Tab"
                                         Margin="5,0,0,0"
                                         IsChecked="{Binding SelfSettingsGeneralTabModel.HideShowHistorydocsYes,Mode=TwoWay}" />
                                        <RadioButton Content="Hide from History Tab"
                                         Margin="20,0,0,0"
                                         IsChecked="{Binding SelfSettingsGeneralTabModel.HideShowHistorydocsNo,Mode=TwoWay}" />
                        </StackPanel>                                  
                        <Grid Grid.Row="11"
                              Grid.ColumnSpan="3">
                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="Auto" />
                                            <RowDefinition Height="Auto" />
                                            <RowDefinition Height="Auto" />
                                            <RowDefinition Height="Auto" />
                                            <RowDefinition Height="Auto" />
                                            <RowDefinition Height="Auto" />
                                            <RowDefinition Height="Auto" />
                                            <RowDefinition Height="Auto" />
                                            <RowDefinition Height="Auto" />
                                            <RowDefinition Height="Auto" />
                                            <RowDefinition Height="Auto" />
                                            <RowDefinition Height="Auto" />
                                            <RowDefinition Height="Auto" />
                                            <RowDefinition Height="Auto" />
                                            <RowDefinition Height="Auto" />
                                        </Grid.RowDefinitions>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="20" />
                                            <ColumnDefinition Width="230" />
                                            <ColumnDefinition Width="300" />
                                            <ColumnDefinition Width="300" />
                                        </Grid.ColumnDefinitions>
                                        <StackPanel Grid.Row="0"
                                                    Grid.Column="1">
                                            <telerik:Label Content="Keyboard shortcuts:"
                                                           Grid.Column="0"
                                                           VerticalAlignment="Top"
                                                           Margin="0,0,0,5" />
                                        </StackPanel>
                                        <Grid Grid.Row="0" Grid.ColumnSpan="3"
                                              Grid.Column="2"
                                              HorizontalAlignment="Left">
                                            <telerik:Label Content="Enable/Disable shortcut"
                                                           Grid.Column="0"
                                                           VerticalAlignment="Top"
                                                           Margin="0,0,0,5" />
                                        </Grid>
                                        <Grid Grid.Row="0"
                                              Grid.Column="3"
                                              HorizontalAlignment="Left">
                                        </Grid>
                                        <Grid Grid.Row="1"
                                              Grid.Column="2">
                                            <CheckBox x:Name="AdhoctaskCreation"
                                                      Content="Adhoc task Creation"
                                                      IsChecked="{Binding SelfSettingsGeneralTabModel.AdhoctaskCreation,Mode=TwoWay}"
                                                      Command="{Binding CheckedItemCommand}"
                                                      CommandParameter="{Binding ElementName=AdhoctaskCreation}" />
                                        </Grid>
                                        <Grid Grid.Row="1"
                                              Grid.Column="3">
                                            <telerik:RadMaskedTextInput Mask=""
                                                                        x:Name="txtAdhoctaskCreation"
                                                                        Width="150"
                                                                        Margin="0,0,0,5"
                                                                        Value="{Binding SelfSettingsGeneralTabModel.ShortCutAdhoctaskCreation,Mode=TwoWay}"
                                                                        Visibility="{Binding IsVisibleAdhoctaskCreation,Mode=TwoWay}"
                                                                        EmptyContent="press shortcut keys"
                                                                        PreviewKeyDown="UIElement_OnPreviewKeyDown"
                                                                        AcceptsReturn="False" />
                                        </Grid>
                                        <Grid Grid.Row="2"
                                              Grid.Column="2">
                                            <CheckBox x:Name="ApplicationSelection"
                                                      Content="Application Selection"
                                                      IsChecked="{Binding SelfSettingsGeneralTabModel.ApplicationSelection,Mode=TwoWay}"
                                                      Command="{Binding CheckedItemCommand}"
                                                      CommandParameter="{Binding ElementName=ApplicationSelection}" />
                                        </Grid>
                                        <Grid Grid.Row="2"
                                              Grid.Column="3">
                                            <telerik:RadMaskedTextInput Mask=""
                                                                        x:Name="txtApplicationSelection"
                                                                        Width="150"
                                                                        Margin="0,0,0,5"
                                                                        Value="{Binding SelfSettingsGeneralTabModel.ShortCutApplicationSelection,Mode=TwoWay}"
                                                                        Visibility="{Binding IsVisibleApplicationSelection,Mode=TwoWay}"
                                                                        EmptyContent="press shortcut keys"
                                                                        PreviewKeyDown="UIElement_OnPreviewKeyDown"
                                                                        AcceptsReturn="False" />
                                        </Grid>
                                        <Grid Grid.Row="3"
                                              Grid.Column="2">
                                            <CheckBox x:Name="NewApplicationSelection"
                                                      Content="New Application Selection"
                                                      IsChecked="{Binding SelfSettingsGeneralTabModel.NewApplicationSelection,Mode=TwoWay}"
                                                      Command="{Binding CheckedItemCommand}"
                                                      CommandParameter="{Binding ElementName=NewApplicationSelection}" />
                                        </Grid>
                                        <Grid Grid.Row="3"
                                              Grid.Column="3">
                                            <telerik:RadMaskedTextInput Mask=""
                                                                        x:Name="txtNewApplicationSelection"
                                                                        Width="150"
                                                                        Margin="0,0,0,5"
                                                                        Value="{Binding SelfSettingsGeneralTabModel.ShortCutNewApplicationSelection,Mode=TwoWay}"
                                                                        Visibility="{Binding IsVisibleNewApplicationSelection,Mode=TwoWay}"
                                                                        PreviewKeyDown="UIElement_OnPreviewKeyDown"
                                                                        EmptyContent="press shortcut keys"
                                                                        AcceptsReturn="False" />
                                        </Grid>
                                        <Grid Grid.Row="4"
                                              Grid.Column="2">
                                            <CheckBox x:Name="SupervisorTaskAssignment"
                                                      Content="Supervisor Task Assignment"
                                                      IsChecked="{Binding SelfSettingsGeneralTabModel.SupervisorTaskAssignment,Mode=TwoWay}"
                                                      Command="{Binding CheckedItemCommand}"
                                                      CommandParameter="{Binding ElementName=SupervisorTaskAssignment}" />
                                        </Grid>
                                        <Grid Grid.Row="4"
                                              Grid.Column="3">
                                            <telerik:RadMaskedTextInput Mask=""
                                                                        x:Name="txtSupervisorTaskAssignment"
                                                                        Width="150"
                                                                        Margin="0,0,0,5"
                                                                        Value="{Binding SelfSettingsGeneralTabModel.ShortCutSupervisorTaskAssignment,Mode=TwoWay}"
                                                                        Visibility="{Binding IsVisibleSupervisorTaskAssignment,Mode=TwoWay}"
                                                                        EmptyContent="press shortcut keys"
                                                                        PreviewKeyDown="UIElement_OnPreviewKeyDown"
                                                                        AcceptsReturn="False" />
                                        </Grid>                                        

                                        <Grid Grid.Row="5"
                                              Grid.Column="2">
                                            <CheckBox x:Name="Dashboard"
                                                      Content="Dashboard"
                                                      IsChecked="{Binding SelfSettingsGeneralTabModel.FavoriteDashboard,Mode=TwoWay}"
                                                      Command="{Binding CheckedItemCommand}"
                                                      CommandParameter="{Binding ElementName=Dashboard}" />
                                        </Grid>
                                        <Grid Grid.Row="5"
                                              Grid.Column="3">
                                            <telerik:RadMaskedTextInput Mask=""
                                                                        x:Name="txtDashboard"
                                                                        Width="150"
                                                                        Margin="0,0,0,5"
                                                                        Value="{Binding SelfSettingsGeneralTabModel.ShortCutDashboard,Mode=TwoWay}"
                                                                        Visibility="{Binding Dashboard,Mode=TwoWay}"
                                                                        EmptyContent="press shortcut keys"
                                                                        PreviewKeyDown="UIElement_OnPreviewKeyDown"
                                                                        AcceptsReturn="False" />
                                        </Grid>
                                        <Grid Grid.Row="6"
                                              Grid.Column="2">
                                            <CheckBox x:Name="ManageGroups"
                                                      Content="Manage Groups"
                                                      IsChecked="{Binding SelfSettingsGeneralTabModel.FavoritesManageGroups,Mode=TwoWay}"
                                                      Command="{Binding CheckedItemCommand}"
                                                      CommandParameter="{Binding ElementName=ManageGroups}" />
                                        </Grid>
                                        <Grid Grid.Row="6"
                                              Grid.Column="3">
                                            <telerik:RadMaskedTextInput Mask=""
                                                                        x:Name="txtManageGroups"
                                                                        Width="150"
                                                                        Margin="0,0,0,5"
                                                                        Value="{Binding SelfSettingsGeneralTabModel.ShortCutManageGroups,Mode=TwoWay}"
                                                                        Visibility="{Binding ManageGroups,Mode=TwoWay}"
                                                                        EmptyContent="press shortcut keys"
                                                                        PreviewKeyDown="UIElement_OnPreviewKeyDown"
                                                                        AcceptsReturn="False" />
                                        </Grid>
                                        <Grid Grid.Row="7"
                                              Grid.Column="2">
                                            <CheckBox x:Name="ManageSubGroups"
                                                      Content="Manage SubGroups"
                                                      IsChecked="{Binding SelfSettingsGeneralTabModel.ManageSubGroups,Mode=TwoWay}"
                                                      Command="{Binding CheckedItemCommand}"
                                                      CommandParameter="{Binding ElementName=ManageSubGroups}" />
                                        </Grid>
                                        <Grid Grid.Row="7"
                                              Grid.Column="3">
                                            <telerik:RadMaskedTextInput Mask=""
                                                                        x:Name="txtManageSubGroups"
                                                                        Width="150"
                                                                        Margin="0,0,0,5"
                                                                        Value="{Binding SelfSettingsGeneralTabModel.ShortCutManageSubGroups,Mode=TwoWay}"
                                                                        Visibility="{Binding IsvisibleManageSubGroups,Mode=TwoWay}"
                                                                        EmptyContent="press shortcut keys"
                                                                        PreviewKeyDown="UIElement_OnPreviewKeyDown"
                                                                        AcceptsReturn="False" />
                                        </Grid>
                                        <Grid Grid.Row="8"
                                              Grid.Column="2">
                                            <CheckBox x:Name="ManageRoles"
                                                      Content="Manage Roles"
                                                      IsChecked="{Binding SelfSettingsGeneralTabModel.ManageRoles,Mode=TwoWay}"
                                                      Command="{Binding CheckedItemCommand}"
                                                      CommandParameter="{Binding ElementName=ManageRoles}" />
                                        </Grid>
                                        <Grid Grid.Row="8"
                                              Grid.Column="3">
                                            <telerik:RadMaskedTextInput Mask=""
                                                                        x:Name="txtManageRoles"
                                                                        Width="150"
                                                                        Margin="0,0,0,5"
                                                                        Value="{Binding SelfSettingsGeneralTabModel.ShortCutManageRoles,Mode=TwoWay}"
                                                                        Visibility="{Binding IsvisibleManageRoles,Mode=TwoWay}"
                                                                        EmptyContent="press shortcut keys"
                                                                        PreviewKeyDown="UIElement_OnPreviewKeyDown"
                                                                        AcceptsReturn="False" />
                                        </Grid>
                                      
                                        <Grid Grid.Row="9"
                                              Grid.Column="2">
                                            <CheckBox x:Name="MenuGrouping"
                                                      Content="Menu Grouping"
                                                      IsChecked="{Binding SelfSettingsGeneralTabModel.MenuGrouping,Mode=TwoWay}"
                                                      Command="{Binding CheckedItemCommand}"
                                                      CommandParameter="{Binding ElementName=MenuGrouping}" />
                                        </Grid>
                                        <Grid Grid.Row="9"
                                              Grid.Column="3">
                                            <telerik:RadMaskedTextInput Mask=""
                                                                        x:Name="txtMenuGrouping"
                                                                        Width="150"
                                                                        Margin="0,0,0,5"
                                                                        Value="{Binding SelfSettingsGeneralTabModel.ShortCutMenuGrouping,Mode=TwoWay}"
                                                                        Visibility="{Binding IsvisibleMenuGrouping,Mode=TwoWay}"
                                                                        EmptyContent="press shortcut keys"
                                                                        PreviewKeyDown="UIElement_OnPreviewKeyDown"
                                                                        AcceptsReturn="False" />
                                        </Grid>
                                        <Grid Grid.Row="10"
                                              Grid.Column="2">
                                            <CheckBox x:Name="MappingRoleswithFeatures"
                                                      Content="Mapping Roles with Features"
                                                      IsChecked="{Binding SelfSettingsGeneralTabModel.MappingRoleswithFeatures,Mode=TwoWay}"
                                                      Command="{Binding CheckedItemCommand}"
                                                      CommandParameter="{Binding ElementName=MappingRoleswithFeatures}" />
                                        </Grid>
                                        <Grid Grid.Row="10"
                                              Grid.Column="3">
                                            <telerik:RadMaskedTextInput Mask=""
                                                                        x:Name="txtMappingRoleswithFeatures"
                                                                        Width="150"
                                                                        Margin="0,0,0,5"
                                                                        Value="{Binding SelfSettingsGeneralTabModel.ShortCutMappingRoleswithFeatures,Mode=TwoWay}"
                                                                        Visibility="{Binding IsvisibleMappingRoleswithFeatures,Mode=TwoWay}"
                                                                        EmptyContent="press shortcut keys"
                                                                        PreviewKeyDown="UIElement_OnPreviewKeyDown"
                                                                        AcceptsReturn="False" />
                                        </Grid>
                                        <Grid Grid.Row="11"
                                              Grid.Column="2">
                                            <CheckBox x:Name="ManageUsers"
                                                      Content="Manage Users"
                                                      IsChecked="{Binding SelfSettingsGeneralTabModel.ManageUsers,Mode=TwoWay}"
                                                      Command="{Binding CheckedItemCommand}"
                                                      CommandParameter="{Binding ElementName=ManageUsers}" />
                                        </Grid>
                                        <Grid Grid.Row="11"
                                              Grid.Column="3">
                                            <telerik:RadMaskedTextInput Mask=""
                                                                        x:Name="txtManageUsers"
                                                                        Width="150"
                                                                        Margin="0,0,0,5"
                                                                        Value="{Binding SelfSettingsGeneralTabModel.ShortCutManageUsers,Mode=TwoWay}"
                                                                        Visibility="{Binding IsvisibleManageUsers,Mode=TwoWay}"
                                                                        EmptyContent="press shortcut keys"
                                                                        PreviewKeyDown="UIElement_OnPreviewKeyDown"
                                                                        AcceptsReturn="False" />
                                        </Grid>
                                        <Grid Grid.Row="12"
                                  Grid.Column="2">
                                <CheckBox x:Name="AdminSettings"
                                          Content="Admin Settings"
                                          IsChecked="{Binding SelfSettingsGeneralTabModel.FavoriteAdminSettings,Mode=TwoWay}"
                                          Command="{Binding CheckedItemCommand}"
                                          CommandParameter="{Binding ElementName=AdminSettings}" />
                            </Grid>
                            <Grid Grid.Row="12"
                                  Grid.Column="3">
                                <telerik:RadMaskedTextInput Mask=""
                                                            x:Name="txtAdminSettings"
                                                            Width="150"
                                                            Margin="0,0,0,5"
                                                            Value="{Binding SelfSettingsGeneralTabModel.ShortCutAdminSettings,Mode=TwoWay}"
                                                                        Visibility="{Binding AdminSettings,Mode=TwoWay}"
                                                                        EmptyContent="press shortcut keys"
                                                                        PreviewKeyDown="UIElement_OnPreviewKeyDown"
                                                                        AcceptsReturn="False" />
                            </Grid>
                            <Grid Grid.Row="13"
                                  Grid.Column="2">
                                <CheckBox x:Name="SelfSetting"
                                          Content="Self-Settings"
                                          IsChecked="{Binding SelfSettingsGeneralTabModel.FavoriteSelfSetting,Mode=TwoWay}"
                                          Command="{Binding CheckedItemCommand}"
                                          CommandParameter="{Binding ElementName=SelfSetting}" />
                            </Grid>
                            <Grid Grid.Row="13"
                                  Grid.Column="3">
                                <telerik:RadMaskedTextInput Mask=""
                                                            x:Name="txtSelfSetting"
                                                            Width="150"
                                                            Margin="0,0,0,5"
                                                            Value="{Binding SelfSettingsGeneralTabModel.ShortCutSelfSetting,Mode=TwoWay}"
                                                                        Visibility="{Binding SelfSetting,Mode=TwoWay}"
                                                                        EmptyContent="press shortcut keys"
                                                                        PreviewKeyDown="UIElement_OnPreviewKeyDown"
                                                                        AcceptsReturn="False" />
                            </Grid>
                                        <Grid Grid.Row="14"
                                              Grid.Column="2">
                                            <CheckBox x:Name="StatisticsReports"
                                                      Content="Statistics Reports"
                                                      IsChecked="{Binding SelfSettingsGeneralTabModel.StatisticsReports,Mode=TwoWay}"
                                                      Command="{Binding CheckedItemCommand}"
                                                      CommandParameter="{Binding ElementName=StatisticsReports}" />
                                        </Grid>
                                        <Grid Grid.Row="14"
                                              Grid.Column="3">
                                            <telerik:RadMaskedTextInput Mask=""
                                                                        x:Name="txtStatisticsReports"
                                                                        Width="150"
                                                                        Margin="0,0,0,5"
                                                                        Value="{Binding SelfSettingsGeneralTabModel.ShortCutStatisticsReports,Mode=TwoWay}"
                                                                        Visibility="{Binding IsvisibleStatisticsReports,Mode=TwoWay}"
                                                                        EmptyContent="press shortcut keys"
                                                                        PreviewKeyDown="UIElement_OnPreviewKeyDown"
                                                                        AcceptsReturn="False" />
                                        </Grid>
                                    </Grid>

                        <StackPanel Grid.Row="12" Grid.ColumnSpan="2"
                                                Grid.Column="1"
                                                Margin="0,0,0,5">
                                        <CheckBox Content="Show confirmation for Task Assignment"
                                                  IsChecked="{Binding SelfSettingsGeneralTabModel.ConfirmationforAssignmentYes,Mode=TwoWay}"></CheckBox>
                        </StackPanel>

                        <StackPanel Grid.Row="13"
                                                Grid.Column="1"
                                                Margin="0,0,0,5"
                                                Grid.ColumnSpan="2">
                                        <CheckBox Content="Show confirmation for Task Selection"
                                                  IsChecked="{Binding SelfSettingsGeneralTabModel.ConfirmationforselectionYes,Mode=TwoWay}"></CheckBox>
                        </StackPanel>

                        <StackPanel Grid.Row="14"
                                    Grid.Column="1">
                            <telerik:Label Content="Duedate Soon Applications Count:"
                                           Margin="0,0,0,5" />
                        </StackPanel>
                        <StackPanel Grid.Column="2"
                                    Grid.Row="14"
                                                Orientation="Horizontal"
                                                HorizontalAlignment="Left"
                                                Width="300"
                                                VerticalAlignment="Center"
                                                Margin="0,0,0,5">
                            <telerik:RadMaskedTextInput Mask=""
                                                        Width="150"
                                                                    Value="{Binding SelfSettingsGeneralTabModel.DueDateApplicationCount,Mode=TwoWay}"
                                                                    AcceptsReturn="False" />
                        </StackPanel>                        
                        <StackPanel Grid.Row="15"
                                    Grid.Column="1">
                            <telerik:Label Content="Export documents to:"
                                           Grid.Column="0"
                                           Margin="0,0,0,5" />
                        </StackPanel>
                        <StackPanel Grid.Column="2"
                                    Grid.Row="15"
                                                Orientation="Horizontal"
                                                HorizontalAlignment="Left"
                                                Width="400"
                                                VerticalAlignment="Center"
                                                Margin="0,0,0,5">
                            <telerik:RadMaskedTextInput Width="150"
                                                        Mask=""
                                                        Margin="0,0,3,0"
                                                                    Value="{Binding SelfSettingsGeneralTabModel.ReportsLocation,Mode=TwoWay}"
                                                                    AcceptsReturn="False" />
                            <telerik:RadButton Width="100" Content="Browse"
                                               Command="{Binding ReportlocationCommand}"
                                               CommandParameter="{Binding}" />
                        </StackPanel>
                        <StackPanel Grid.Row="16"
                                    Grid.Column="1">
                            <telerik:Label Content="Default loading Tab:"
                                           Grid.Column="0"
                                           Margin="0,0,0,5" />
                        </StackPanel>
                        <StackPanel Grid.Column="2"
                                    Grid.Row="16"
                                                Orientation="Horizontal"
                                                HorizontalAlignment="Left"
                                                Width="300"
                                                VerticalAlignment="Center"
                                                Margin="0,0,0,5">
                            <telerik:RadComboBox Width="200"
                                                 Grid.Row="1"
                                                 Grid.Column="1"
                                                 ItemsSource="{Binding ListAppInfoDefaultTab}"
                                                 SelectedValue="{Binding Path=SelfSettingsGeneralTabModel.AppInfoDefaultTab, Mode=TwoWay}" />
                        </StackPanel>
                                    <telerik:GroupBox Header="Task Timeliness Status Indicator"
                                                      Height="Auto"
                                                      Margin="0,0,0,5"
                                                      Grid.Row="17" Grid.ColumnSpan="4">
                                        <Grid Height="Auto">
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="Auto" />
                                                <RowDefinition Height="Auto" />
                                                <RowDefinition Height="Auto" />
                                                <RowDefinition Height="Auto" />
                                                <RowDefinition Height="Auto" />
                                            </Grid.RowDefinitions>
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="20" />
                                                <ColumnDefinition Width="230" />
                                                <ColumnDefinition Width="600" />
                                            </Grid.ColumnDefinitions>
                                            <Grid Grid.Row="1" Grid.ColumnSpan="2"
                                                  Grid.Column="1"
                                                  Margin="0,0,0,5">
                                                <CheckBox Content="Enable/Disable the Indicator"
                                                          IsChecked="{Binding SelfSettingsGeneralTabModel.EnabledisableIndicatorYes,Mode=TwoWay}"></CheckBox>
                                            </Grid>
                                            <Grid Grid.Row="2"
                                                        Grid.Column="1">
                                                <telerik:Label Content="Normal task color:"
                                                               Margin="0,0,0,5" />
                                            </Grid>
                                            <StackPanel Grid.Column="2"
                                                        Grid.Row="2"
                                                        Orientation="Horizontal"
                                                        Margin="27,10,273,1"
                                                        Width="300"
                                                        VerticalAlignment="Center">
                                                <telerik:RadColorPicker HeaderPaletteItemsSource="{Binding SelfSettingsGeneralTabModel.HeaderPaletteColors}"
                                                                        Width="50"
                                                                        ColorPropertyPath="CustomColor"
                                                                        MainPaletteItemsSource="{Binding SelfSettingsGeneralTabModel.MainPaletteColors}"
                                                                        PaletteItemsTemplate="{StaticResource PaletteTemplate}"
                                                                        StandardPaletteItemsSource="{Binding SelfSettingsGeneralTabModel.StandartPaletteColors}"
                                                                        SelectedColor="{Binding SelfSettingsGeneralTabModel.SelectedTaskNormalColor,Mode=TwoWay}" />
                                            </StackPanel>
                                            <Grid Grid.Row="3"
                                                        Grid.Column="1">
                                                <telerik:Label Content="Going to overdue task color:"
                                                               Margin="0,0,0,5" />
                                            </Grid>
                                            <StackPanel Grid.Column="2"
                                                        Grid.Row="3"
                                                        Orientation="Horizontal"
                                                        Margin="27,10,273,1"
                                                        Width="300"
                                                        VerticalAlignment="Center">
                                                <telerik:RadColorPicker HeaderPaletteItemsSource="{Binding SelfSettingsGeneralTabModel.HeaderPaletteColors}"
                                                                        Width="50"
                                                                        ColorPropertyPath="CustomColor"
                                                                        MainPaletteItemsSource="{Binding SelfSettingsGeneralTabModel.MainPaletteColors}"
                                                                        PaletteItemsTemplate="{StaticResource PaletteTemplate}"
                                                                        StandardPaletteItemsSource="{Binding SelfSettingsGeneralTabModel.StandartPaletteColors}"
                                                                        SelectedColor="{Binding SelfSettingsGeneralTabModel.GoingtoOverDueTaskColor,Mode=TwoWay}" />
                                            </StackPanel>
                                            <StackPanel Grid.Row="4"
                                                        Grid.Column="1">
                                                <telerik:Label Content="Overdue task color:"
                                                               Margin="0,0,0,5" />
                                            </StackPanel>
                                            <StackPanel Grid.Column="2"
                                                        Grid.Row="4"
                                                        Orientation="Horizontal"
                                                        Margin="27,10,273,1"
                                                        Width="300"
                                                        VerticalAlignment="Center">
                                                <telerik:RadColorPicker HeaderPaletteItemsSource="{Binding SelfSettingsGeneralTabModel.HeaderPaletteColors}"
                                                                        Width="50"
                                                                        ColorPropertyPath="CustomColor"
                                                                        MainPaletteItemsSource="{Binding SelfSettingsGeneralTabModel.MainPaletteColors}"
                                                                        PaletteItemsTemplate="{StaticResource PaletteTemplate}"
                                                                        StandardPaletteItemsSource="{Binding SelfSettingsGeneralTabModel.StandartPaletteColors}"
                                                                        SelectedColor="{Binding SelfSettingsGeneralTabModel.OverdueTaskColor,Mode=TwoWay}" />
                                            </StackPanel>
                                        </Grid>
                                    </telerik:GroupBox>

                                    <telerik:GroupBox Header="BusinessProductType Indication"
                                                      Height="Auto"
                                                      Margin="0,0,0,5"
                                                      Grid.Row="18"
                                                      Grid.ColumnSpan="4">
                                        <telerik:RadGridView x:Name="BusinessProductTemplate"
                                                             AutoGenerateColumns="False"
                                                             ItemsSource="{Binding ListBusinessProcessIndication,Mode=TwoWay}"
                                                             ColumnWidth="Auto"
                                                             Margin="0,0,0,5"
                                                             ShowGroupPanel="False"
                                                             RowIndicatorVisibility="Collapsed">
                                            <telerik:RadGridView.Columns>
                                                <telerik:GridViewDataColumn Header="BusinessProductType"
                                                                            IsGroupable="False"
                                                                            IsFilterable="False">
                                                    <telerik:GridViewDataColumn.CellTemplate>
                                                    <DataTemplate>
                                                            <ComboBox ItemsSource="{Binding ListMApplicationCategoryModel}"
                                                                      SelectedItem="{Binding SelectedBusinessProduct}"
                                                                  Margin="10">                                                            
                                                        </ComboBox>
                                                    </DataTemplate>
                                                </telerik:GridViewDataColumn.CellTemplate>
                                                </telerik:GridViewDataColumn>                                   
                                                <telerik:GridViewDataColumn Header="And/Or"
                                                                            IsGroupable="False"
                                                                            IsFilterable="False">
                                                    <telerik:GridViewDataColumn.CellTemplate>
                                                        <DataTemplate>
                                                            <StackPanel Grid.Column="2"
                                                                        Orientation="Horizontal"
                                                                        HorizontalAlignment="Left"
                                                                        Grid.RowSpan="2"
                                                                        Margin="0,0,0,5">
                                                                <RadioButton  Margin="5,0,0,0"
                                                                              IsChecked="{Binding And,Mode=TwoWay}" />
                                                                <RadioButton Margin="5,0,0,0"
                                                                             IsChecked="{Binding Or,Mode=TwoWay}" />
                                                            </StackPanel>
                                                        </DataTemplate>
                                                        </telerik:GridViewDataColumn.CellTemplate>
                                                    </telerik:GridViewDataColumn>
                                                <telerik:GridViewDataColumn Header="BusinessProcess"
                                                                            IsGroupable="False"
                                                                            IsFilterable="False">
                                                    <telerik:GridViewDataColumn.CellTemplate>
                                                        <DataTemplate>
                                                            <ComboBox ItemsSource="{Binding ListMBusinessProcess}"
                                                                      SelectedItem="{Binding SelectedBusinessProcess}"
                                                                      Margin="10">
                                                            </ComboBox>
                                                        </DataTemplate>
                                                    </telerik:GridViewDataColumn.CellTemplate>
                                                </telerik:GridViewDataColumn>
                                                <telerik:GridViewDataColumn Header="Color"
                                                                            IsGroupable="False"
                                                                            IsFilterable="False">
                                                    <telerik:GridViewDataColumn.CellTemplate>
                                                        <DataTemplate>
                                                            <telerik:RadColorPicker HeaderPaletteItemsSource="{Binding HeaderPaletteColors}"
                                                                                    ColorPropertyPath="CustomColor"
                                                                                    MainPaletteItemsSource="{Binding MainPaletteColors}"
                                                                                    PaletteItemsTemplate="{StaticResource PaletteTemplate}"
                                                                                    StandardPaletteItemsSource="{Binding StandartPaletteColors}"
                                                                                    SelectedColor="{Binding SelectedColor,Mode=TwoWay}" />
                                                        </DataTemplate>
                                                    </telerik:GridViewDataColumn.CellTemplate>
                                                </telerik:GridViewDataColumn>
                                                <telerik:GridViewDataColumn IsGroupable="False"
                                                                            IsFilterable="False">
                                                    <telerik:GridViewDataColumn.CellTemplate>
                                                        <DataTemplate>
                                                            <StackPanel Grid.Column="2"
                                                                        Orientation="Horizontal"
                                                                        HorizontalAlignment="Left"
                                                                        Grid.RowSpan="2"
                                                                        Margin="0,0,0,5">
                                                                <telerik:RadButton Content="+"
                                                                                   Visibility="{Binding IsAddButtonVisible}"
                                                                                   Command="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DataContext.btnAddClicked}"
                                                                               CommandParameter="{Binding RelativeSource={RelativeSource AncestorType={x:Type telerik:RadGridView}},Path=SelectedItem}"
                                                                               MouseEnter="ItemsControl_MouseEnter"></telerik:RadButton>
                                                                <telerik:RadButton Content="-"
                                                                                   Command="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DataContext.btnRemoveClicked}"
                                                                                   CommandParameter="{Binding RelativeSource={RelativeSource AncestorType={x:Type telerik:RadGridView}},Path=SelectedItem}"
                                                                                   MouseEnter="ItemsControl_MouseEnter"></telerik:RadButton>
                                                            </StackPanel>
                                                        </DataTemplate>
                                                    </telerik:GridViewDataColumn.CellTemplate>
                                                </telerik:GridViewDataColumn>
                                            </telerik:RadGridView.Columns>
                                        </telerik:RadGridView>
                                    </telerik:GroupBox>
                                        <Grid Grid.Row="19"
                              Height="15" />
                        <StackPanel Grid.Row="20"
                                    Grid.Column="1"
                                    HorizontalAlignment="Right">
                            <telerik:RadButton Content="Save"
                                               Width="100"
                                               Command="{Binding SaveGeneralTabCommand}"
                                               CommandParameter="{Binding}" />
                        </StackPanel>
                        <Grid Grid.Row="20"
                              Height="15" />
                        <StackPanel Grid.Row="20"
                                    Grid.Column="2"
                                    HorizontalAlignment="Left"
                                    Margin="10,0,0,0">
                            <telerik:RadButton Content="Cancel"
                                               Command="{Binding ClearButtonGeneralTabCommand}"
                                               CommandParameter="{Binding}"
                                               Width="100" />
                        </StackPanel>
                        <Grid Grid.Row="21"
                              Height="10" />
                    </Grid>
                            </StackPanel>
                        </ScrollViewer>
                    </Grid>
                </telerik:RadTabItem>
                <telerik:RadTabItem Header="WorkLoad Report Configuration" Visibility="Collapsed"
                                    IsSelected="{Binding IsWorkLoadTabSelected}">
                    <Grid>
                        <Grid.Resources>
                            <DataTemplate x:Key="PaletteTemplate">
                                <Ellipse Width="Auto"
                                         Height="Auto"
                                         ToolTipService.ToolTip="{Binding ToolTipString}">
                                    <Ellipse.Fill>
                                        <SolidColorBrush Color="{Binding CustomColor}" />
                                    </Ellipse.Fill>
                                </Ellipse>
                            </DataTemplate>
                        </Grid.Resources>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="700" />
                        </Grid.RowDefinitions>
                        <ScrollViewer VerticalScrollBarVisibility="Auto">
                            <StackPanel>
                                <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                        </Grid.RowDefinitions>
                        <Grid Grid.Row="0"
                              HorizontalAlignment="Left">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="20" />
                                <ColumnDefinition Width="170" />
                                <ColumnDefinition Width="700" />
                            </Grid.ColumnDefinitions>
                            <Grid Grid.Row="0"
                                  Height="10" />
                            <StackPanel Grid.Row="1"
                                        Grid.Column="1">
                                <telerik:Label Content="Column Name:"
                                               Grid.Row="0"
                                               Margin="0,0,0,5" />
                            </StackPanel>
                            <StackPanel Grid.Row="1"
                                        Grid.Column="2">
                                <telerik:RadMaskedTextInput Grid.Column="1"
                                                            Mask=""
                                                            Width="350"
                                                                        Value="{Binding WorkLoadReportConfirmationModel.ColumnName,Mode=TwoWay}"
                                                                        AcceptsReturn="False" />
                            </StackPanel>
                            <!--<StackPanel Grid.Row="2"
                                        Grid.Column="1">
                                <telerik:Label Content="Column Value:"
                                               Margin="0,0,0,5" />
                            </StackPanel>
                            <StackPanel Grid.Column="2"
                                        Grid.Row="2">
                                <telerik:RadMaskedTextInput Grid.Column="1"
                                                            Mask=""
                                                            Width="350"
                                                            Value="{Binding WorkLoadReportConfirmationModel.ColumnValue,Mode=TwoWay}" />
                            </StackPanel>-->
                            <!--<StackPanel Grid.Row="2"
                                        Grid.Column="2"
                                        Width="100">
                                <telerik:RadButton HorizontalAlignment="Left"
                                                   Content="Generate Formula"
                                                   Width="100"
                                                   Margin="50,0,-70,0"
                                                   Command="{Binding GenerateFormula}"
                                                   CommandParameter="{Binding}" />
                            </StackPanel>-->

                            <StackPanel Grid.Row="5"
                                        Visibility="{Binding FormulaCalculationSection,Mode=TwoWay}"
                                        Grid.Column="1">
                                <telerik:Label Content="ProcessName:"
                                               Margin="0,0,0,5" />
                            </StackPanel>
                            <StackPanel Grid.Row="5"
                                        Grid.Column="2"
                                        Visibility="{Binding FormulaCalculationSection,Mode=TwoWay}">
                                <telerik:RadComboBox HorizontalAlignment="Left"
                                                     x:Name="cmbCategory"
                                                     Width="350"
                                                     ItemsSource="{Binding ProcessNames}"
                                                     SelectedItem="{Binding SelectedProcessName}"
                                                     Grid.Column="1" />
                            </StackPanel>
                            <StackPanel Grid.Row="6"
                                        Grid.Column="1"
                                        Visibility="{Binding FormulaCalculationSection,Mode=TwoWay}">
                                <telerik:Label Content="Priority:"
                                               Margin="0,0,0,5" />
                            </StackPanel>
                            <StackPanel Grid.Row="6"
                                        Grid.Column="2"
                                        Visibility="{Binding FormulaCalculationSection,Mode=TwoWay}">
                                <telerik:RadComboBox x:Name="cmbPriority"
                                                     Width="350"
                                                     HorizontalAlignment="Left"
                                                     Grid.Column="1"
                                                     ItemsSource="{Binding Priority}"
                                                     SelectedItem="{Binding SelectedPriority}" />
                            </StackPanel>
                            <StackPanel Grid.Row="7"
                                        Grid.Column="1"
                                        Visibility="{Binding FormulaCalculationSection,Mode=TwoWay}">
                                <telerik:Label Content="Status:"
                                               Margin="0,0,0,5" />
                            </StackPanel>
                            <StackPanel x:Name="stackStatus"
                                        Grid.Row="7"
                                        Grid.Column="2"
                                        HorizontalAlignment="Stretch"
                                        VerticalAlignment="Stretch"
                                        Visibility="{Binding FormulaCalculationSection,Mode=TwoWay}">
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="Auto" />
                                    </Grid.RowDefinitions>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="24" />
                                        <ColumnDefinition Width="127" />
                                        <ColumnDefinition Width="210" />
                                    </Grid.ColumnDefinitions>
                                    <telerik:RadComboBox x:Name="cmbStatus"
                                                         Width="350"
                                                         HorizontalAlignment="Left"
                                                         Grid.Column="0"
                                                         ItemsSource="{Binding Status}"
                                                         SelectedItem="{Binding SelectedStatus}"
                                                         Grid.ColumnSpan="3" />
                                    <telerik:RadButton HorizontalAlignment="Left"
                                                       Grid.Column="2"
                                                       Command="{Binding AddSubstatusButtonCommand}"
                                                       CommandParameter="{Binding}"
                                                       Content="+"
                                                       Width="20"
                                                       Margin="200,0,-70,0" />
                                </Grid>
                            </StackPanel>
                            <StackPanel x:Name="stackStatus1"
                                        Grid.Row="8"
                                        Grid.Column="2"
                                        HorizontalAlignment="Stretch"
                                        VerticalAlignment="Stretch"
                                        Visibility="{Binding IsVisibleStatus1,Mode=TwoWay}">
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="Auto" />
                                    </Grid.RowDefinitions>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="24" />
                                        <ColumnDefinition Width="127" />
                                        <ColumnDefinition Width="210" />
                                    </Grid.ColumnDefinitions>
                                    <telerik:RadComboBox x:Name="cmbStatus1"
                                                         Width="350"
                                                         HorizontalAlignment="Left"
                                                         Grid.Column="0"
                                                         ItemsSource="{Binding Status}"
                                                         SelectedItem="{Binding SelectedStatus1}"
                                                         Grid.ColumnSpan="3"
                                                         Margin="0,0,0,5" />
                                    <telerik:RadButton HorizontalAlignment="Left"
                                                       Grid.Column="2"
                                                       Command="{Binding RemoveSubstatus1ButtonCommand}"
                                                       CommandParameter="{Binding}"
                                                       Content="-"
                                                       Width="20"
                                                       Margin="200,0,-70,5" />
                                </Grid>
                            </StackPanel>
                            <StackPanel x:Name="stackStatus2"
                                        Grid.Row="9"
                                        Grid.Column="2"
                                        HorizontalAlignment="Stretch"
                                        VerticalAlignment="Stretch"
                                        Visibility="{Binding IsVisibleStatus2,Mode=TwoWay}">
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="Auto" />
                                    </Grid.RowDefinitions>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="24" />
                                        <ColumnDefinition Width="127" />
                                        <ColumnDefinition Width="210" />
                                    </Grid.ColumnDefinitions>
                                    <telerik:RadComboBox x:Name="cmbStatus2"
                                                         Width="350"
                                                         HorizontalAlignment="Left"
                                                         Grid.Column="0"
                                                         ItemsSource="{Binding Status}"
                                                         SelectedItem="{Binding SelectedStatus2}"
                                                         Grid.ColumnSpan="3"
                                                         Margin="0,0,0,5" />
                                    <telerik:RadButton HorizontalAlignment="Left"
                                                       Grid.Column="2"
                                                       Command="{Binding RemoveSubstatus2ButtonCommand}"
                                                       CommandParameter="{Binding}"
                                                       Content="-"
                                                       Width="20"
                                                       Margin="200,0,-70,5" />
                                </Grid>
                            </StackPanel>
                            <StackPanel x:Name="stackStatus3"
                                        Grid.Row="10"
                                        Grid.Column="2"
                                        HorizontalAlignment="Stretch"
                                        VerticalAlignment="Stretch"
                                        Visibility="{Binding IsVisibleStatus3,Mode=TwoWay}">
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="Auto" />
                                    </Grid.RowDefinitions>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="24" />
                                        <ColumnDefinition Width="127" />
                                        <ColumnDefinition Width="210" />
                                    </Grid.ColumnDefinitions>
                                    <telerik:RadComboBox x:Name="cmbStatus3"
                                                         Width="350"
                                                         HorizontalAlignment="Left"
                                                         Grid.Column="0"
                                                         ItemsSource="{Binding Status}"
                                                         SelectedItem="{Binding SelectedStatus3}"
                                                         Grid.ColumnSpan="3" />
                                    <telerik:RadButton HorizontalAlignment="Left"
                                                       Grid.Column="2"
                                                       Command="{Binding RemoveSubstatus3ButtonCommand}"
                                                       CommandParameter="{Binding}"
                                                       Content="-"
                                                       Width="20"
                                                       Margin="200,0,-70,0" />
                                </Grid>
                            </StackPanel>
                            <StackPanel Grid.Row="11"
                                        Grid.Column="2" />
                            <Grid Grid.Row="12"
                                  Height="10"
                                  Grid.ColumnSpan="3" />
                            <StackPanel Grid.Row="13"
                                        Grid.Column="2"
                                        HorizontalAlignment="Left">
                                <telerik:RadButton Content="Save"
                                                   Width="100"
                                                   Command="{Binding SaveButtonCommand}"
                                                   CommandParameter="{Binding}" />
                                <!--<telerik:RadButton Content="Submit Formula"
                                                   Width="100"
                                                   Command="{Binding SubmitFormulaButtonCommand}"
                                                   CommandParameter="{Binding}"></telerik:RadButton>-->
                            </StackPanel>
                            <Grid Grid.Row="14"
                                  Height="10" />
                            <Grid Grid.Row="15"
                                  Grid.ColumnSpan="3"
                                  Grid.Column="1">
                                <telerik:Label Content="List of Defined Columns"
                                               FontWeight="Bold" />
                            </Grid>
                            <StackPanel Grid.Row="16"
                                        Grid.Column="1"
                                        Grid.ColumnSpan="3"
                                        Width="Auto"
                                        HorizontalAlignment="Center">
                                <telerik:RadGridView AutoGenerateColumns="False"
                                                     CanUserResizeColumns="False"
                                                     ColumnWidth="*"
                                                     ItemsSource="{Binding ListWorkLoadReportConfirmationModel,Mode=TwoWay}">
                                    <telerik:RadGridView.Columns>
                                        <telerik:GridViewDataColumn Header="Column Name"
                                                                    DataMemberBinding="{Binding ColumnName}" />
                                        <telerik:GridViewDataColumn Header="Column Value"
                                                                    DataMemberBinding="{Binding ColumnValue}" />
                                        <telerik:GridViewDataColumn Header="Delete">
                                            <telerik:GridViewDataColumn.CellTemplate>
                                                <DataTemplate>
                                                    <telerik:RadButton Content="Delete"
                                                                       Command="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type telerik:GridViewDataControl}},Path=DataContext.DeleteButtonCommand}"
                                                                       CommandParameter="{Binding}" />
                                                </DataTemplate>
                                            </telerik:GridViewDataColumn.CellTemplate>
                                        </telerik:GridViewDataColumn>
                                    </telerik:RadGridView.Columns>
                                </telerik:RadGridView>
                            </StackPanel>
                            <Grid Grid.Row="17"
                                  Height="10" />
                        </Grid>


                    </Grid>
                            </StackPanel>
                        </ScrollViewer>
                    </Grid>
                </telerik:RadTabItem>
                <telerik:RadTabItem Header="DocType Sequence Configuration"
                                    IsSelected="{Binding IsDocTypesequenceTabSelected}">
                    <Grid>
                        <Grid.Resources>
                            <DataTemplate x:Key="PaletteTemplate">
                                <Ellipse Width="Auto"
                                         Height="Auto"
                                         ToolTipService.ToolTip="{Binding ToolTipString}">
                                    <Ellipse.Fill>
                                        <SolidColorBrush Color="{Binding CustomColor}" />
                                    </Ellipse.Fill>
                                </Ellipse>
                            </DataTemplate>
                        </Grid.Resources>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="700" />
                        </Grid.RowDefinitions>
                        <ScrollViewer VerticalScrollBarVisibility="Auto">
                            <StackPanel>
                                <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                                    </Grid.RowDefinitions>
                        <Grid Grid.Row="0"
                              HorizontalAlignment="Left">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />                               
                                </Grid.RowDefinitions>                          
                            <Grid Grid.Row="0"
                                  Height="10" />
                           
                                        <StackPanel Grid.Row="1">                                            
                                            <telerik:RadGridView x:Name="DocTypeTemplate"
                                                                 AutoGenerateColumns="False"
                                                                 ItemsSource="{Binding ListMdocType,Mode=TwoWay}"
                                                                 ColumnWidth="Auto"
                                                                 Margin="0,0,0,5" ShowGroupPanel="False" RowIndicatorVisibility="Collapsed">
                                                <telerik:RadGridView.Columns>
                                                    <telerik:GridViewDataColumn Header="Select" IsGroupable="False" IsFilterable="False">
                                                        <telerik:GridViewDataColumn.CellTemplate>
                                                            <DataTemplate>
                                                                <CheckBox IsChecked="{Binding IsSelected,Mode=TwoWay}"
                                                                          Command="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DataContext.MdocTypeSelectionChanged}"
                                                                          CommandParameter="{Binding RelativeSource={RelativeSource AncestorType={x:Type telerik:RadGridView}},Path=SelectedItem}"
                                                                          MouseEnter="ItemsControl_MouseEnter" />
                                                            </DataTemplate>
                                                        </telerik:GridViewDataColumn.CellTemplate>

                                                    </telerik:GridViewDataColumn>
                                                    <telerik:GridViewDataColumn Header="Document Name"
                                                                                DataMemberBinding="{Binding DocTypeName}"
                                                                                IsGroupable="False"
                                                                                IsFilterable="False" />
                                                    <telerik:GridViewDataColumn Header="DocType"
                                                                                DataMemberBinding="{Binding DocTypeCode}" IsVisible="False" />
                                                    <telerik:GridViewDataColumn Header="Position to Display"
                                                                                Width="Auto"
                                                                                IsGroupable="False"
                                                                                IsFilterable="False">
                                                        <telerik:GridViewDataColumn.CellTemplate>
                                                            <DataTemplate>
                                                                <ComboBox ItemsSource="{Binding ListSequenceNumber}"
                                                                          SelectedItem="{Binding SequenceNumber}"
                                                                          Margin="10"
                                                                          MouseEnter="ItemsControl_MouseEnter">
                                                                    <i:Interaction.Triggers>
                                                                        <i:EventTrigger EventName="SelectionChanged">
                                                                            <i:InvokeCommandAction Command="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DataContext.SelectionChangedCommand}"
                                                                                                   CommandParameter="{Binding RelativeSource={RelativeSource AncestorType={x:Type telerik:RadGridView}},Path=SelectedItem}" />
                                                                        </i:EventTrigger>
                                                                    </i:Interaction.Triggers>
                                                                </ComboBox>
                                                            </DataTemplate>
                                                        </telerik:GridViewDataColumn.CellTemplate>

                                                    </telerik:GridViewDataColumn>
                                                </telerik:RadGridView.Columns>

                                            </telerik:RadGridView>
                                        </StackPanel>
                                        <Grid Grid.Row="2"
                                  Height="10"
                                  Grid.ColumnSpan="3" />
                            <StackPanel Grid.Row="3"
                                        Grid.ColumnSpan="3"
                                        HorizontalAlignment="Center">
                                <telerik:RadButton Content="Save"
                                                   Width="100"
                                                   Command="{Binding SaveDocTypeSequenceButtonCommand}"
                                                   CommandParameter="{Binding}" />
                            </StackPanel>
                            <Grid Grid.Row="4"
                                  Height="10" />
                        </Grid>                        

                    </Grid>
                            </StackPanel>
                        </ScrollViewer>
                    </Grid>
                </telerik:RadTabItem>
            </telerik:RadTabControl>

        </Grid>
    </Grid>
</UserControl>

 

 

 

[Dinko | Tech Support Engineer]

Hi Prabakaran,

We couldn't reproduce the above mentioned scenario using your code snippet and we are not sure what cause this type of behavior. This is why we created a sample project based on your code and attached it to this reply. Can you please give it a try and let us know if we are missing something. 

Thank you once again for your cooperation so far and looking forward to your reply.

Regards,
Dinko
Telerik

[Prabakaran]

Dear Dinko,

The same solution if i replace the height 700 to Auto then the scroll bar is missing. Please help to check the same solution you attached and modify the UserControlTab.xaml file.

Ex: <RowDefinition Height="700" /> to <RowDefinition Height="Auto" /> 

Because the height should not be fixed as the screen should fit regardless of screen size. Please help to check.

Thank you.

Regards,

Prabakaran

 

[Prabakaran]

Dear Dinko,

Sorry forget to attach the screenshot. Please refer the screenshot.

Thanks.

Regards,

Prabakaran

[Dinko | Tech Support Engineer]

Hello Prabakaran,

To resolve this behavior you can try to set the RowDefinition's Height of the root Grid element and the Grid that wraps the tab item's Content to Star (" * ") .

Basically, when the Height is set to Star (which is the default value) the children will take the whole available space. On the other hand, when it is set to Auto, the Grid panel will give its children all the space they need. I have modified the project above to fit your scenario. Can you give it a try and let me know if this is the behavior you are looking for?

Also, you can take a look at the Panels Overview article which describes the native WPF panels and how they arrange their children.

Regards,
Dinko
Telerik