syncfusion-wpf-percent-textbox

Implement Syncfusion WPF PercentTextBox controls with validation, formatting, and MVVM binding.

5|2|Updated Mar 25, 2026
One-click install
npx skills add https://github.com/syncfusion/wpf-ui-components-skills --skill syncfusion-wpf-percent-textbox
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: syncfusion-wpf-percent-textbox
Source: https://github.com/syncfusion/wpf-ui-components-skills/tree/main/skills/syncfusion-wpf-percent-textbox
Command: npx skills add https://github.com/syncfusion/wpf-ui-components-skills --skill syncfusion-wpf-percent-textbox

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Implementing percentage input in WPF apps can be error-prone without consistent formatting, validation, and MVVM bindings. This skill provides structured guidance for integrating the Syncfusion WPF PercentTextBox, including value binding, min/max validation, culture-aware formatting, and customizable appearance.

Core Features & Use Cases

  • Value management and binding: bind PercentValue in MVVM and support null handling.
  • Validation and formatting: control MinValue/MaxValue with OnKeyPress or OnLostFocus validation, and culture-specific formatting via Culture and NumberFormat.
  • Appearance and interactivity: support positive/negative/zero foregrounds, watermark text, range adorner, scroll/drag, and optional spin buttons.
  • Use cases: discount inputs, KPI dashboards, and data-entry forms requiring precise percentage values across cultures.

Quick Start

Install this skill in your IDE and review the references to begin implementing a PercentTextBox in a WPF app.

Frequently Asked Questions about syncfusion-wpf-percent-textbox

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I bind percentage input values in a WPF MVVM application?

You can bind percentage input values in a WPF MVVM application by using the PercentValue property of the PercentTextBox control. This supports native MVVM data binding, null handling, and watermark display for empty states.

How do I apply culture-specific percentage formatting in WPF?

Culture-specific percentage formatting in WPF is applied by configuring the Culture and NumberFormat properties of the PercentTextBox. This ensures percent values display correctly across different regional settings in data-entry forms.

What is the best way to validate min and max percentage values in WPF?

The best way to validate min and max percentage values in WPF is using MinValue and MaxValue properties with OnKeyPress or OnLostFocus validation modes. This restricts user input to acceptable percentage ranges.

Can I customize the appearance of positive, negative, and zero percentages in WPF?

You can customize the appearance of positive, negative, and zero percentages in WPF using dedicated foreground properties. The control also supports range adorners, watermark text, and optional spin buttons for interactive adjustments.

Does the WPF PercentTextBox support null values and paste operations?

The WPF PercentTextBox supports null values with a dedicated null option and watermark text. It also includes configurable paste modes to control how clipboard data is handled during percentage input operations.

How do I add scroll and spin button interactivity to percentage inputs in WPF?

You add scroll and spin button interactivity to percentage inputs in WPF by enabling the built-in scroll and drag features and optional spin buttons. This allows users to increment or decrement percentage values dynamically.