WPF: changing the thickness of a DataGrid's scroll bars

Question

I have a WPF application that is meant to run on a touchscreen. Hence, all the buttons must be a bit bigger, so the user can click them by hitting the screen, rather than using the mouse. One of the views contains a data grid that is bound to an observable collection. Based on the search criteria entered, the collection may be populated with lots of records and it won't fit on the screen. The data grid shows the scroll bars, but they are narrow, regular size. Is there a way I can change the thickness of the scroll bars, so the user can scroll up and down or left and right with its finger?

Check this similar question: http://stackoverflow.com/questions/1321247/how-to-increase-scrollbar-width-in-wpf-scrollviewer — Marian Simonca, Aug 28 '15 at 14:36

score 0 · Answer 1 · answered Aug 28 '15 at 13:52

I used this code to increase the size on a ScrollViewer scrollbars. You can use the same for a Datagrid.

Add the following Namespace:

xmlns:sys="clr-namespace:System;assembly=mscorlib"

And the following to your Datagrid:

<DataGrid Name="DGrid" Width="300" Height="150">
    <DataGrid.Resources>
        <sys:Double x:Key="{x:Static SystemParameters.VerticalScrollBarWidthKey}">30</sys:Double>
        <sys:Double x:Key="{x:Static SystemParameters.HorizontalScrollBarHeightKey}">30</sys:Double>
    </DataGrid.Resources>
</DataGrid>

How do you use the resource after you declared it? – Eddie Aug 28 '15 at 14:24 — Eddie, Aug 28 '15 at 14:24

WPF: changing the thickness of a DataGrid's scroll bars

1 Answers1