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, , 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.
`currentUrlParams`
- 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
Released capability depth: | New capability, Enhancement, Fix |
---|---|
Release bundle / Capability type: | Fluent store, Fluent OMS, Web apps, Big Inventory |