Skip to main content

UI Components

Overview​

This document catalogs the reusable UI components and custom controls used throughout the EFT Remittance Dashboard.

Key Concepts​

  • Custom Controls: Application-specific UI elements
  • Data Templates: Reusable visual representations
  • Value Converters: Data transformation for display
  • Styles and Templates: Visual consistency
  • User Controls: Composite UI elements

Custom Controls​

Payment Selection Grid​

Specialized DataGrid for displaying and selecting payments with custom columns and formatting.

Progress Dialog​

Custom dialog for showing operation progress with cancellation support.

Email Validation Dialog​

Specialized dialog for validating and updating email addresses.

Value Converters​

Converters transform data for display:

  • BooleanToVisibilityConverter
  • CurrencyFormatConverter
  • DateFormatConverter
  • StatusToColorConverter

Resource Dictionary​

Centralized styling and theming through ResourceDictionary.xaml.

Component Composition​

Building complex UI from simple, reusable components.

Best Practices​

  1. Create reusable components
  2. Use consistent styling
  3. Implement proper data templates
  4. Follow WPF conventions

Summary​

Well-designed UI components provide consistency and reusability throughout the application, improving development efficiency and user experience.