Listing Page Modernization (UI/UX Alignment)

πŸ” Problem Statement
As a Pelcro admin, I experience listing pages that don't meet modern UI/UX standards, which creates friction when searching, filtering, and managing records and reduces operational efficiency.

πŸ’‘ User Story
As a platform user, I want listing pages to have consistent search, filter, column control, and pagination, so that I can find and manage records quickly.

🎯 Definition of Done
- Given any listing page, when redesigned, then it includes a persistent search bar, multi-column sort, configurable visible columns, and consistent pagination controls.
- This change impacts the UI (all listing page components in ReactJS Elements).
- Limitations: data model and API endpoints are unchanged; this is a UI/UX pass only.


Problem Statement Current listing pages do not fully align with modern UI/UX standards. Users may experience friction when searching, viewing, or managing records, which impacts efficiency, discoverability, and overall satisfaction. User Story As a platform user, I want each listing page to have a modern, consistent, and intuitive interface, so that I can easily search, filter, and manage data with minimal effort and without confusion. Definition of Done (DoD) The page is redesigned to meet modern UI/UX standards and align with other modernized sections. Core functionalities remain fully operational: Searching Filtering (basic and advanced) Viewing Editing (where applicable) Exporting Implement date pickers in yyyy-mm-dd format. Ensure responsive design across devices and browsers. Meet accessibility standards (WCAG) . Maintain or improve performance benchmarks . QA validates functional parity and confirms new design compliance. Documentation and internal guides updated accordingly. UI Components to Include Table Header Search Bar Advanced Search (TBD) Date Pickers: yyyy-mm-dd Export Button Settings Button (Table Settings) Table Body (based on Preline layout) Updated URLs, Icons, Badges, and Small UI Details Applies To Invoices Memberships Payments Refunds Taxes Customer Balances Customers Addresses

Please authenticate to join the conversation.

Upvoters
Status

In Planning

Board
πŸ’‘

Pelcro Product

Date

6 months ago

Author

Rana Haleem

Subscribe to post

Get notified by email when there are changes.