Filter Dashboard

To apply filters on a transaction page (e.g., Dashboard) to refine and display specific data as needed. We are applying these filters because the data filtered will affect all controls in the form, such as lists, charts, etc.

Expected output:

1st Step

  1. Begin by creating a new blank transaction page(e.g. Form Name- Dashboard).

2nd Step

  1. Go to the API settings, set up the GET API, and configure it to retrieve the transaction data.

3rd Step

  1. Connect the list component to the GET API response by binding it to the appropriate database field names.
  2. API Response:
    1. Use an array to display transaction details (e.g., as shown in the screenshot above, we have used AdminCountList).
    1. Navigate to the API section, go to the Data tab, and turn on Map with Data Model
    1. Go to Mapping tab, configure the card design, and map the relevant attributes (e.g., CountName) to display the desired data.

4th Step

  1. Add a new form for filtering, and include fields like "From," "To," and "FranchiseId" to enable specific filters.(e.g. Form Name- Filter-Dashboard).

5th Step

  1. Return to the Dashboard form, click on Settings, enable the custom filter, and select the Filter-Dashboard form. Then, map the fields you want to apply the filter on.

Final Output: