How to increase scrollbar width in WPF ScrollViewer?

wpf scrollbar width scrollviewer
JohnIdol picture JohnIdol · Aug 24, 2009 · Viewed 35.1k times · Source

I am working on a touch screen on a small device and the custom width of the scroll-bar is no good as one of my requirements is that everything needs to be doable by finger gestures.

How can I set the width of the WPF ScrollViewer scrollbar?

Note that I don't wanna change the width of all the scrollbars on the device (doable through windows settings) - only the ones in my app.

Answer

Kent Boogaart picture Kent Boogaart · Aug 24, 2009

The ScrollBar template reaches out for system parameters to determine its width/height (depending on orientation). Therefore, you can override those parameters:

<ScrollViewer>
    <ScrollViewer.Resources>
        <sys:Double x:Key="{x:Static SystemParameters.VerticalScrollBarWidthKey}">100</sys:Double>
    </ScrollViewer.Resources>
</ScrollViewer>

Related questions

Automatic vertical scroll bar in WPF TextBlock?

I have a TextBlock in WPF. I write many lines to it, far exceeding its vertical height. I expected a vertical scroll bar to appear automatically when that happens, but it didn't. I tried to look for a scroll bar …

Read More
WPF Grid not showing scroll bars

In .NET 3.5 I have a Grid in a Window. I am populating this Grid with Buttons. When the buttons fill the grid and go out of view the Grid does not show the scroll bar. I have set the Grids …

Read More
Correct way to set ScrollViewer (for vertical scrolling) on a WPF Frame?

does anyone know the difference between defining a vertical scrollbar on a frame like this: <ScrollViewer Grid.Row="2" VerticalScrollBarVisibility="Auto"> <Frame Name="Frame1" ScrollViewer.CanContentScroll="True" /> </ScrollViewer> or like this: <ScrollViewer Grid.Row="2"&…

Read More