Back to Webparts and Extensions list

FusePoint Documents with Filters Documentation

Type: webpart

Overview

The Fusepoint Documents with Filters webpart is a powerful tool for enhancing document management and accessibility within SharePoint. This webpart allows users to select a document library or list, manage displayed columns via a customizable collection, and efficiently navigate through documents with dynamic filters. Key features include adjustable pagination (top, bottom, or both), customizable items per page, sorting options (by name, created by, created date, type, file size, or download) with default ASC/DESC settings, and a user-friendly "Clear All" filter option. Results can be displayed as cards, with an optional search box for quick access, offering a modern and intuitive interface powered by Fluent UI and SPFx.

Features

• Dynamic Filtering: Users can filter documents based on multiple attributes including text, number, and choice fields from the document library. Each category includes a 'Select All' option for convenience, along with a 'Clear All' link to reset the filters.

• Customizable Display: The webpart features a two-section layout with a dedicated filter panel on the left and a document display area on the right. The filter panel includes a search bar and selectable categories with input list options.

• Integration with Fluent UI: Utilizes the Fluent UI DetailsList component to display filtered documents, ensuring a consistent and familiar user interface aligned with SharePoint design standards.

• Configurable Properties: Administrators can customize the webpart through the property pane, including options to:

  • Show or hide the search bar.
  • Select the document library and specific views.
  • Define default sorting and items per page.
  • Choose which document attributes are displayed as filters and their order.

• Performance Optimization: Designed for small libraries (under 100 documents) to ensure performance efficiency without significant load times.

• Enhanced User Experience: Offers a customizable download column in the document list and leverages JSON Column Formatter for tailored display options.

• Security and Stability: Implements SP REST API for reliable document filtering, with measures to handle potentially problematic system columns that could impact page performance.

• Styling Customization: Includes a CSS section in the web properties for additional styling adjustments by users.

Demo