From e3c08ec7a827d1cee27c33a8ea66e7a94d3a0d9b Mon Sep 17 00:00:00 2001 From: Yuvaraj Date: Thu, 23 Oct 2025 18:44:53 +0530 Subject: [PATCH] 988475-I have updated the read me file in change-focusvisualkind-using-skinmanager --- README.md | 48 +++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 47 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 09a3faf..5901e6e 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,51 @@ # How to change scrollbar mode using WPF SkinManager? -This sample loads [Datagrid](https://help.syncfusion.com/wpf/datagrid/getting-started) and [Chromeless Window](https://help.syncfusion.com/wpf/chromeless-window/getting-started) with compact windows 10 like scrollbar using SkinManager [ScrollBarMode](https://help.syncfusion.com/cr/wpf/Syncfusion.SfSkinManager.Theme.html#Syncfusion_SfSkinManager_Theme_ScrollBarMode) property. +The [SfSkinManager](https://help.syncfusion.com/cr/wpf/Syncfusion.SfSkinManager.SfSkinManager.html) allows you to apply various scrollbar styles like Windows 10 compact scrollbar, for both Syncfusion® and Framework controls using the [ScrollBarMode](https://help.syncfusion.com/cr/wpf/Syncfusion.SfSkinManager.Theme.html#Syncfusion_SfSkinManager_Theme_ScrollBarMode) property, which will be available only in [themes supported by theme studio](https://help.syncfusion.com/wpf/themes/skin-manager#themes-list). + +The [ScrollBarMode](https://help.syncfusion.com/cr/wpf/Syncfusion.SfSkinManager.ScrollBarMode.html) enum contains the following values: + +* `Default` - The ScrollBar will be displayed with the default look of a thumb along with up and down arrow to scroll. +* `Compact` - The Windows 10 like compact scrollbar will have the look of a thin layer of thumb until the user hovers over the scrollbar area. + +N> The `Compact` scrollbar mode is enabled by default in the [WPF Fluent Theme](https://help.syncfusion.com/wpf/themes/fluent-theme) and WPF Windows11 Theme. + +This sample demonstrates how to use the `ScrollBarMode` property in a WPF application using Syncfusion's SkinManager. It loads a `DataGrid` and a `Chromeless Window` with compact scrollbar styles, showcasing the visual differences between modes. + +## Features + +- Configurable scrollbar modes: Default and Compact +- Applies to both Syncfusion controls (e.g., SfDataGrid) and standard WPF controls +- Easy integration with theme applications +- Hover-to-expand functionality in Compact mode for better usability + +## Configuration + +### Setting ScrollBarMode in C# + +To set the ScrollBarMode programmatically, use the SfSkinManager: + +```csharp +using Syncfusion.SfSkinManager; + +SfSkinManager.SetTheme(this, new Theme() { ThemeName = "MaterialDark" }); +SkinManagerHelper.SetScrollBarMode(this, ScrollBarMode.Compact); +``` + +## Build and Run + +1. Clone or download the project. +2. Open `DataGrid_Themes.sln` in Visual Studio. +3. Restore NuGet packages. +4. Build the solution. +5. Run the application to see the DataGrid and Chromeless Window with compact scrollbars. + +Ensure Syncfusion licenses are configured if required. + +## Demos and Examples + +The sample includes a DataGrid populated with employee data, demonstrating scrollbar functionality. Experiment by switching between Default and Compact modes in code. + +## Screenshots ![WPF Datagrid with compact windows 10 like scrollbar](Images/WPF-Datagrid-with-compact-windows-10-like-scrollbar.png) +1096 \ No newline at end of file