Style for Scroll Bar is not applying

[LejlaBrkic123]

I have defined style for dataGrid like this:

<Style x:Key="NVDefaultDataGrid"
          TargetType="{x:Type DataGrid}"
          BasedOn="{StaticResource MaterialDesignDataGrid}">
       <Setter Property="materialDesign:DataGridAssist.CornerRadius"
               Value="4" />
       <Setter Property="materialDesign:DataGridAssist.EnableEditBoxAssist"
               Value="True" />
       <Setter Property="SelectionUnit"
               Value="FullRow" />
       <Setter Property="SelectionMode"
               Value="Extended" />
       <Setter Property="materialDesign:ColorZoneAssist.Background"
               Value="White" />
       <Setter Property="Background"
               Value="White" />
       <Setter Property="materialDesign:DataGridAssist.CellPadding"
               Value="8 4 " />
       <Setter Property="materialDesign:DataGridAssist.ColumnHeaderPadding"
               Value="8 4 " />
       <Setter Property="materialDesign:DataGridAssist.SelectedCellBorderBrush"
               Value="Transparent" />
       <Setter Property="FontSize"
               Value="12" />
       <Setter Property="FontFamily"
               Value="Roboto" />
       <Setter Property="BorderThickness"
               Value="1" />
       <Setter Property="materialDesign:DataGridAssist.AutoGeneratedCheckBoxStyle"
               Value="{StaticResource MaterialDesignDataGridCheckBoxColumnStyle}" />
       <Setter Property="materialDesign:DataGridAssist.AutoGeneratedEditingCheckBoxStyle"
               Value="{StaticResource MaterialDesignDataGridCheckBoxEditingColumnStyle}" />
       <Setter Property="materialDesign:DataGridAssist.AutoGeneratedEditingTextStyle"
               Value="{StaticResource MaterialDesignDataGridTextColumnEditingStyle}" />
       <Setter Property="materialDesign:DataGridAssist.AutoGeneratedTextStyle"
               Value="{StaticResource MaterialDesignDataGridTextColumnStyle}" />
       <Style.Resources>
           <Style TargetType="{x:Type DataGridColumnHeader}"
                  BasedOn="{StaticResource NVDefaultHeaderStyle}">
           </Style>
           <Style TargetType="{x:Type DataGridCell}"
                  BasedOn="{StaticResource NVDefaultCell}">
           </Style>
           <Style TargetType="{x:Type DataGridRow}"
                  BasedOn="{StaticResource NVDefaultRow}">
           </Style>
           <Style TargetType="{x:Type ScrollBar}"
                  BasedOn="{StaticResource MaterialDesignScrollBarMinimal}">
               <Setter Property="materialDesign:ScrollBarAssist.ThumbWidth"
                       Value="8"></Setter>
               <Setter Property="materialDesign:ScrollBarAssist.ThumbCornerRadius"
                       Value="6"></Setter>
           </Style>
       </Style.Resources>
   </Style>

When I use this styling in my dataGrid user control defined like this, and use this user control on some other places, everything from NVDefaultDataGrid is applied except styling for scroll bar. And also when I applied style to other DataGrid (not mine user control) it works perfect. Any idea/advice why might this happening? I have tried a lot of ways to solve it, but nothing helped, for example I had inline style for scroll bar in datagrid resources of user control and so on.

<DataGrid x:Class="NVCommon.UI.UserControls.NVDataGridControl"
             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:icons="clr-namespace:NVCommon.UI.Themes.Icons"
             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800"
             CanUserReorderColumns="True"
             FrozenColumnCount="1"
             CanUserDeleteRows="False"
             CanUserAddRows="False"
             SelectionUnit="Cell"
             CanUserSortColumns="True"
             ScrollViewer.HorizontalScrollBarVisibility="Auto" ScrollViewer.VerticalScrollBarVisibility="Auto"
             Style="{DynamicResource NVDefaultDataGrid}">
    <DataGrid.Resources>
        <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="../Themes/Naviate.UI.WPF.xaml" />
            <ResourceDictionary>
                <Style TargetType="{x:Type DataGridCell}" BasedOn="{StaticResource NVDefaultCell}">
                    <Setter Property="Padding" Value="8 2"/>
                </Style>
            </ResourceDictionary>
        </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </DataGrid.Resources>
    <DataGrid.ContextMenu>
        <ContextMenu Padding="0" Style="{StaticResource MaterialDesignContextMenu}">
            <MenuItem Header="Fill increment" Click="Fill_increment" Visibility="{Binding IncrementVisibility, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
                <MenuItem.Icon>
                    <icons:NVPackIcon Kind="Increment"  Width="20" Height="20" Foreground="{StaticResource NVGreenColorVer1ColorBrush}"/>
                </MenuItem.Icon>
            </MenuItem>
            <MenuItem Header="Fill copy" Click="Fill_copy" Visibility="{Binding CopyVisibility, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
                <MenuItem.Icon>
                    <icons:NVPackIcon Kind="FillCopy" Width="20" Height="20" Foreground="{StaticResource Primary800SolidColorBrush}"/>
                </MenuItem.Icon>
            </MenuItem>
            <MenuItem Header="Custom increment" Click="Custom_increment" Visibility="{Binding CustomIncrementVisibility, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
                <MenuItem.Icon>
                    <icons:NVPackIcon Kind="CustomIncrement" Width="20" Height="20" Foreground="{StaticResource NVGreenColorVer1ColorBrush}"/>
                </MenuItem.Icon>
            </MenuItem>
            <MenuItem Header="Search and Replace" Click="Search_Replace" Visibility="{Binding SearchAndReplaceVisibility, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
                <MenuItem.Icon>
                    <icons:NVPackIcon Kind="FindReplace" Width="20" Height="20" Foreground="{StaticResource Primary800SolidColorBrush}"/>
                </MenuItem.Icon>
            </MenuItem>
            <MenuItem Header="Cancel" Click="Cancel">
                <MenuItem.Icon>
                    <icons:NVPackIcon Kind="Cancel" Width="20" Height="20" Foreground="{StaticResource NVRedColorVer1ColorBrush}"/>
                </MenuItem.Icon>
            </MenuItem>
            <ContextMenu.Resources>
                <Style TargetType="{x:Type ItemsPresenter}">
                    <Setter Property="Margin"
                                            Value="0" />
                </Style>
                <Style TargetType="{x:Type Grid}">
                    <Setter Property="Margin"
                                            Value="0" />
                </Style>
            </ContextMenu.Resources>
        </ContextMenu>
    </DataGrid.ContextMenu>
</DataGrid>

Thanks in advance

Lejla

[indigo1715]

I think using a scroll viewer seems like a good idea.
This can be useful when using multiple grids or variable grids.