> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tight.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Cash Flow Statement

The Tight Embedded experience provides you with the capability to embed an interactive (drill-down) Cash Flow Statement report in your product, with options for customizing the time period grouping of the report.

<img src="https://mintcdn.com/tight-7c882d74/Wf-_-tBNZrYWdgZf/v5.0/images/7055350-cfs_report.gif?s=ab1e8f2feaa05ef0d44c55c3c7b42f90" alt="Cash Flow Statement Report Demo" width="1129" height="600" data-path="v5.0/images/7055350-cfs_report.gif" />

## 1. Initializing the Embedded Experience

To initialize the Tight Embedded experience in your project, follow the instructions on [Embedding Tight's white-labelled UI](/v5.0/getting-started/quickstart/embedded-ui#2-embedding-hurdlrs-white-labelled-ui-hurdlr-sdk).

## 2. Rendering an interactive Cash Flow Statement report

To render a Cash Flow Statement report for a specific user, you will need to provide the `elementId` parameter, which is the HTML `id` of the main `<div>` where you would like the report to render. When your user clicks on the report element, you simply need to invoke the following line of javascript:

```javascript theme={null}
Hurdlr.renderReport(elementId, 'cashFlowStatement');
```

## 3. Populate the desired parameters

You can also pass in some optional parameters to specify the grouping and date range of the report.

| Parameter | Description                                                                           | Format                                                                                            |
| --------- | ------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- |
| grouping  | The time period grouping of the report (e.g. for creating a month-over-month report). | Must be one of the following enumerations:  <br />`NONE`,  <br />`MONTHLY`, `QUARTERLY`, `YEARLY` |
| dateRange | The date range type of the report.                                                    | Must be one of the following enumerations:  <br />`THIS_YEAR`,  <br />`LAST_YEAR`, `CUSTOM`       |
| beginDate | The beginning date of the report. Should be used with`currentDate` set to `CUSTOM`.   | `YYYY-MM-DD`                                                                                      |
| endDate   | The ending date of the report. Should be used with`currentDate` set to `CUSTOM`.      | `YYYY-MM-DD`                                                                                      |

Pass these parameters in as an object to the `renderReport` call as follows:

```javascript theme={null}
Hurdlr.renderReport(elementId, 'cashFlowStatement', {
  grouping: "MONTHLY",
  dateRange: "CUSTOM",
  beginDate: "2020-01-01",
  endDate: "2020-12-31"
});
```