Documentation
Contents

Cancel

Recommended Articles

  1. unify-apps

    Indexing

    Unify AI

    Transform raw content into searchable knowledge through AI-powered indexing and vector embeddings

  2. unify-apps

    JobNimbus

    Unify Integrations

    Integrate your application with JobNimbus to manage leads, track jobs, and streamline your workflow processes efficiently

  3. unify-apps

    IMAP

    Unify Integrations

    Integrate your app with IMAP to enable seamless email synchronization, real-time access, and enhanced communication workflows.

  4. unify-apps

    Preview Your Work

    Unify Automations

    Effortlessly review & monitor your automation’s performance

  5. unify-apps

    QuickBooks

    Unify Integrations

    Integrate your app with QuickBooks to streamline accounting, automate invoicing, and manage finances effortlessly

  6. unify-apps

    FTP/FTPS

    Unify Integrations

    Connect your app with FTP/FTPS to automate secure file transfers and streamline data exchange across systems.

  7. unify-apps

    Filters

    Unify Applications

    Enable users to refine, search, and sort data effortlessly across dashboards and datasets

  8. unify-apps

    Insided

    Unify Integrations

    Integrate your app with Insided to enhance customer engagement, streamline community management, and drive self-service support.

  9. unify-apps

    Facebook Ads

    Unify Integrations

    Connect your app with Facebook Ads to automate campaign management, optimize ad performance, and track marketing success.

  10. unify-apps

    Gainsight

    Unify Integrations

    Integrate your app with Gainsight to enhance customer success, automate engagement workflows, and drive retention

  11. unify-apps

    Livestorm

    Unify Integrations

    Integrate your app with Livestorm to streamline webinar hosting, automate event management, and enhance audience engagement.

  12. unify-apps

    Snowflake

    Unify Automations

    Connect to Snowflake for fast, scalable cloud data warehousing and analytics

  13. unify-apps

    Cognito Forms

    Unify Integrations

    Integrate your app with Cognito Forms to create custom forms, automate data collection, and streamline workflows

  14. unify-apps

    Button

    Unify Applications

    Create interactive elements with ease using buttons

  15. unify-apps

    BambooHR

    Unify Automations

    Integrate your app with BambooHR to streamline HR management, automate employee data processing, and enhance onboarding workflows

  16. unify-apps

    Build your first automation

    Unify Automations

    Learn how to build your automation step by step

  17. unify-apps

    User Management

    Unify Applications

    Efficiently manage user roles and permissions

  18. unify-apps

    Microsoft Teams

    Unify Automations

    Connect your app with Microsoft Teams to enhance communication, automate workflows, and foster collaboration across your organization

#
Unify Applications
Logo
Add Components to your Interface
Logo
Filters

Filters

Logo

10 mins READ

Overview

Filters help end users refine information on dashboard, stats and charts, to quickly show exactly what they need by selecting date ranges, or choosing particular categories of information across multiple data sources simultaneously.

Image
Image

Standard Actions

Following are the standard actions provided in Filter Components. 

  • Date Filter: A date filter allows users to limit data based on specific time periods. It’s particularly useful for Dashboards which display Statistics that change over time.

    Features

    • Range Selection : Users can set a start and end date to filter data within a specific period.

    • Presets : Common time frames (e.g., "Last 7 days," "This Month," "Last Year") enable faster data exploration. You can also define a custom time range to be used as a default preset.

      Image
      Image

    Configuring Date filter

    • For Analytics By UnifyApps: Set the start time, end time, previous start time and previous end time for the date fields from the ‘Date time filter’ object.

    • For Storage By UnifyApps: Select the date fields (Created time/modified time/ any custom field) and add operators as required. For example, if you want to filter out records on the basis of created time, ‘created time’ greater than or equal to start time and  ‘created time’ less than or equal to end time.

      Image
      Image

  • Sort: Organizes data in a specific order, allowing users to view information according to their preference.

    Image
    Image

    Features

    • Ordering of Data : Data can be sorted either in ascending order or descending order of selected field. Users can also combine sorting of multiple fields in desired order to view the data.

    • Initial Value : Users can also add a default sort to the Dataset using the initial value property.

    Configuring Sort Filter
    Set the sort property of your analytics or storage data source by selecting the sort array from the state of Filters Component.

    Image
    Image

  • Search: The search bar allows the end user to filter out data by performing search operations using keywords or phrases. 

    Image
    Image

    Configuring Search Filter

    • Select the fields you want the user to perform search operations on in your storage or analytics data source.

    • Map the search input pill from the filters.

      Image
      Image

  • Filter: This allows users to filter out data by performing operations on selected fields.
    Operators that can be applied to filterable fields:

Field Type

Operators

String Field

Contains, Equals to, Does not equal, Starts with, Ends with

Boolean Field

Is, Is not

Number Field

Less than, Less than or equal to, Greater than, Greater than or equal to, Equals to,  Does not equal

Lookup Field

Is, Is not

Image
Image

Configuring Filter : Map the filter object from the input pills in your storage or analytics data source.

Image
Image

  • Quick Filter Quick Filters allow users to apply pre-defined filters on their page components. You can customize quick filters using Data or Date filter types and select their value from the ‘Add Filter Value’ property.

    Thumbnail

    Note

    Selecting the ‘Add Filter Value’ will display all the fields that can be filtered which are included in your data sour

    Image
    Image

  • Field Filter Field Filters help users to filter out a single field and with specific operators. You can specify the field and operators to be shown for filtering. For example, you can select a string field type and only allow ‘Equals to’ operator.

    Image
    Image

Setting Up Filterable Fields Using Aggregation Metadata

The filter component works on the basis of aggregation metadata. This acts as a blueprint to decide the fields which are filterable, searchable or sortable.

Only the fields included in the aggregation metadata will be displayed by the filter component.

Image
Image

Stitching Filter Component with Data Sources

You should include all relevant data sources on which the end user has to apply filtering, searching or sorting. When a data source is added to filters, it fetches the aggregation metadata directly when the data source is either storage or analytics.

In Case The Data Source is Callable: 

Create a separate data source for defining the aggregation metadata for configuring your Filter Component.

Thumbnail

Note

When data source used is Storage or Analytics, make sure to enable filtering, sorting, searching on fields as required while defining the object schema.

Image
Image

Best Practices

  • Data Source -  Your data source should ideally be storage or analytics as they can easily be filtered out.

  • Date Filters - It is better to use Epoch timestamps.

  • Filterable fields - Make sure you enable only those fields that are required by the users as there can be multiple fields with filters enabled by default such as ‘Created time’ and ‘Modified Time’.

  • Labels - Always label your filter so that it appears more intuitive to users.