Skip to content

985360: Updated ReadMe file #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Manivannan-E merged 2 commits into from
Oct 24, 2025
Merged

985360: Updated ReadMe file #4

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
833ae04
985360: Updated ReadMe file of this repository
Oct 22, 2025
d1f351a
Update README.md
Manivannan-E Oct 24, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
39 changes: 36 additions & 3 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,37 @@
# WPF-GroupBar-Fontstyle
This repository contains the sample which shows how to change the font of header item using HeaderTemplate
# WPF GroupBar – Customize Header Font Style
## Overview
The GroupBar control is a navigation component that organizes content into expandable groups, commonly used in applications for structured navigation. This repository demonstrates how to customize the font style of GroupBarItem headers in the Syncfusion WPF GroupBar using the HeaderTemplate property. By default, the header text uses the system font style, but you can override this to match your application’s theme or branding.

KB article - [WPF-GroupBar-Fontstyle](https://www.syncfusion.com/kb/11716/how-to-override-groupbaritemheader-font-in-wpf-groupbar)
## Why customize the font style?
- Maintain visual consistency with your app’s theme
- Emphasize important navigation sections
- Improve accessibility with larger fonts and better contrast

## Prerequisites
- WPF application (.NET Framework or .NET Desktop)
- Syncfusion WPF controls installed
- NuGet: Syncfusion.Shared.WPF and related packages for GroupBar
- XAML namespace
- xmlns:syncfusion="http://schemas.syncfusion.com/wpf"

## Key implementation steps
- Use GroupBarItem.HeaderTemplate to override the default header look
- Define a DataTemplate with a TextBlock (or any custom element)
- Set font properties such as FontFamily, FontSize, FontWeight, FontStyle, and Foreground
- Bind the header text:
- If Header is a string: Text="{Binding}"
- If Header is an object: Text="{Binding YourProperty}"

### Example XAML:
```xml
<syncfusion:GroupBar>
<syncfusion:GroupBarItem Header="Documents">
<syncfusion:GroupBarItem.HeaderTemplate>
<DataTemplate>
<TextBlock Text="{Binding}" FontFamily="Segoe UI" FontSize="16" FontWeight="Bold" Foreground="DarkBlue"/>
</DataTemplate>
</syncfusion:GroupBarItem.HeaderTemplate>
</syncfusion:GroupBarItem>
</syncfusion:GroupBar>
```
This approach gives you full control over the header’s appearance, allowing you to create a polished and professional UI. For detailed instructions and additional examples, refer to the official KB article - [WPF-GroupBar-Fontstyle](https://www.syncfusion.com/kb/11716/how-to-override-groupbaritemheader-font-in-wpf-groupbar)