Skip to main content

UI Architecture

Overview​

The EFT Remittance Dashboard uses WPF (Windows Presentation Foundation) with the MVVM pattern to create a responsive, maintainable user interface that integrates seamlessly with SYSPRO's desktop environment.

Key Concepts​

  • WPF Framework: Windows Presentation Foundation
  • MVVM Pattern: Model-View-ViewModel architecture
  • Data Binding: Two-way binding between views and view models
  • Component Hierarchy: Organized UI structure
  • Resource Management: Styles and templates

View Structure​

MainView​

The primary container hosting all dashboard functionality, implementing UserControl and integrating with SYSPRO's container system.

EftRemit_RunReportsView​

The main operational view for remittance processing, containing grids, buttons, and progress indicators.

Component Organization​

Views are organized hierarchically with clear separation of concerns and reusable components.

Styling and Theming​

ResourceDictionary.xaml contains shared styles, templates, and resources for consistent UI appearance.

Responsive Design​

The UI adapts to different screen sizes and resolutions using WPF's layout system.

Best Practices​

  1. Use data binding over code-behind
  2. Implement view models for testability
  3. Leverage WPF's powerful layout system
  4. Create reusable user controls

Summary​

The UI architecture provides a robust foundation for user interaction, leveraging WPF's capabilities while maintaining clean separation through MVVM patterns.