Fluent Commerce Logo
Docs
Sign In

Advanced Filtering and Navigation Components for Fluent Web Apps

Release

Author:

Yulia Andreyanova

Changed on:

8 Jan 2025

Target release date:2025-01-08
Release status:Released

Description

This release introduces several new components that empower OMX Builders to deliver advanced filtering and  enhanced navigation in Fluent Web Apps.

  • Filter Panel Component 
    This component enables a flexible solution for filtering data, whether on a standalone page or embedded within lists. Embedded into a List Component, it provides dynamic, row-level filtering directly within lists.
    The component allows developers to:
    • Customize filters
    • Manage dynamic GraphQL queries
    • Exclude specific fields
  • Complex Filter Component
    This component enables dynamic data retrieval and filtering through configurable GraphQL requests. Users can search for entities using tailored filters, with results displayed in either Standard Card or Product Card formats to improve consistency.
  • Integer Range Filter Component
    This component enables integer filtering, which allows users to define a minimum and maximum value, displaying only data that falls within the specified range.
  • Link Component
    This component is a versatile text element with a hyperlink, designed for use in various scenarios. While it does not directly support conditions, it integrates seamlessly with the Conditional Component to adapt its display or functionality. Conditions, such as when the link should be active or inactive, are defined in the manifest and applied through the Conditional Component for dynamic behavior.
  • Select Component
    This component simplifies form design by providing a dropdown field that supports flexible value sourcing, either dynamically via queries or from predefined settings. 

Changelog

  • To learn more about each component, refer to their individual pages:
  • The new template,
    `currentUrlParams`
    , dynamically appends the query parameters from the current page to a newly generated link. This ensures that the new link retains the context or state of the current page's parameters, creating a seamless navigation experience.
  • Improvements of the drop-down component to support empty strings (
    `""`
    ) as a valid option.
  • Added support to set defaults for Filter Panel filters at location, retailer, or account levels via the manifest.
  • Defaults are now dynamically applied based on the app context. This enhances flexibility and ensures context-specific behavior for GraphQL queries.


Screenshot

No alt text provided
Released capability depth:New capability, Enhancement, Fix
Release bundle / Capability type:Fluent store, Fluent OMS, Web apps, Big Inventory

Copyright © 2025 Fluent Retail Pty Ltd (trading as Fluent Commerce). All rights reserved. No materials on this docs.fluentcommerce.com site may be used in any way and/or for any purpose without prior written authorisation from Fluent Commerce. Current customers and partners shall use these materials strictly in accordance with the terms and conditions of their written agreements with Fluent Commerce or its affiliates.

Fluent Logo