Reporting Widgets

---

Report Table tsm-pivot-reporting-widget

Tabular representation of report data with filtering options.

Widget Or Layout: unknown

Value:

{
  "type": "layout",
  "title": "Report Table",
  "widget": {
    "type": "tsm-pivot-reporting-widget"
  }
}

Inputs

Height

Key: height

Name: Height

Description: heightTooltip

Default: null

Label for "sum in the column"

Key: labelTotalCountColumn

Name: Label for "sum in the column"

Default: ""

Label for "sum in the row"

Key: labelTotalCountRow

Name: Label for "sum in the row"

Default: ""

Script

Key: scriptCode

Name: Script

Default: null

Show filter

Key: showFilter

Name: Show filter

Default: false

Show sum in the column

Key: showTotalCountColumn

Name: Show sum in the column

Default: true

Show sum in the row

Key: showTotalCountRow

Name: Show sum in the row

Default: true

Show line number

Key: showLineNumber

Name: Show line number

Default: false

decimalSeparator

Key: decimalSeparator

Name: decimalSeparator

Default: "auto"

configuration

Key: configuration

Name: configuration

Default: {}

tqlScript

Key: tqlScript

Name: tqlScript

Default: ""

External filter

Key: externalFilters

Name: External filter

Default: []

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-pivot-reporting-widget/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen show filter — gen-show-filter.json

Demonstrates config.showFilter = true on tsm-pivot-reporting-widget.

{
  "type": "object",
  "title": "Report Table — Show filter",
  "description": "Demonstrates config.showFilter = true on tsm-pivot-reporting-widget.",
  "properties": {},
  "layout": [
    {
      "type": "layout",
      "widget": {
        "type": "tsm-pivot-reporting-widget"
      },
      "config": {
        "showFilter": true
      }
    }
  ]
}

Gen show line number — gen-show-line-number.json

Demonstrates config.showLineNumber = true on tsm-pivot-reporting-widget.

{
  "type": "object",
  "title": "Report Table — Show line number",
  "description": "Demonstrates config.showLineNumber = true on tsm-pivot-reporting-widget.",
  "properties": {},
  "layout": [
    {
      "type": "layout",
      "widget": {
        "type": "tsm-pivot-reporting-widget"
      },
      "config": {
        "showLineNumber": true
      }
    }
  ]
}

Gen show total count column — gen-show-total-count-column.json

Demonstrates config.showTotalCountColumn = false on tsm-pivot-reporting-widget.

{
  "type": "object",
  "title": "Report Table — Show sum in the column",
  "description": "Demonstrates config.showTotalCountColumn = false on tsm-pivot-reporting-widget.",
  "properties": {},
  "layout": [
    {
      "type": "layout",
      "widget": {
        "type": "tsm-pivot-reporting-widget"
      },
      "config": {
        "showTotalCountColumn": false
      }
    }
  ]
}

Gen show total count row — gen-show-total-count-row.json

Demonstrates config.showTotalCountRow = false on tsm-pivot-reporting-widget.

{
  "type": "object",
  "title": "Report Table — Show sum in the row",
  "description": "Demonstrates config.showTotalCountRow = false on tsm-pivot-reporting-widget.",
  "properties": {},
  "layout": [
    {
      "type": "layout",
      "widget": {
        "type": "tsm-pivot-reporting-widget"
      },
      "config": {
        "showTotalCountRow": false
      }
    }
  ]
}

---

Report Chart tsm-chart-reporting-widget

Graphical representation of report data.

Widget Or Layout: unknown

Value:

{
  "type": "layout",
  "title": "Report Chart",
  "widget": {
    "type": "tsm-chart-reporting-widget"
  }
}

Inputs

Height

Key: height

Name: Height

Default: null

Script

Key: scriptCode

Name: Script

Default: null

Buttons position

Key: buttonsPosition

Name: Buttons position

Default: "top"

Show filter

Key: showFilter

Name: Show filter

Default: false

configuration

Key: configuration

Name: configuration

Default: {}

chartConfiguration

Key: chartConfiguration

Name: chartConfiguration

Default: {}

tqlScript

Key: tqlScript

Name: tqlScript

Default: ""

External filter

Key: externalFilters

Name: External filter

Default: []

Examples

Curated configurations from libs/framework/fluent-forms/__fixtures__/widgets/tsm-chart-reporting-widget/. Each is a complete validated FluentSchema — copy & adapt for your form.

Gen show filter — gen-show-filter.json

Demonstrates config.showFilter = true on tsm-chart-reporting-widget.

{
  "type": "object",
  "title": "Report Chart — Show filter",
  "description": "Demonstrates config.showFilter = true on tsm-chart-reporting-widget.",
  "properties": {},
  "layout": [
    {
      "type": "layout",
      "widget": {
        "type": "tsm-chart-reporting-widget"
      },
      "config": {
        "showFilter": true
      }
    }
  ]
}

---

Listing - Filter dtl-table-filter-widget

Listing - Filter

Widget Or Layout: unknown

Value:

{
  "type": "object",
  "title": "Listing - Filter",
  "widget": {
    "type": "dtl-table-filter-widget",
    "notitle": true,
    "persistent": "Never"
  },
  "config": {
    "listingId": "",
    "listingTypeCode": ""
  }
}

Inputs

Title position

Key: labelPosition

Name: Title position

Default: "left"

Optional CSS class for input

Key: fieldHtmlClass

Name: Optional CSS class for input

Default: ""

Optional CSS class for description

Key: labelHtmlClass

Name: Optional CSS class for description

Default: ""

Hide title

Key: notitle

Name: Hide title

Default: false

Hidden

Key: hidden

Name: Hidden

Default: false

Listing ID

Key: listingId

Name: Listing ID

Default: null

Listing type

Key: listingTypeCode

Name: Listing type

Default: null

Profile category

Key: profileCategory

Name: Profile category

Default: null

Profile

Key: profileId

Name: Profile

Default: null

Filters

Key: filters

Name: Filters

Description: Allows defining filters for the data displayed in the list.

Default: null

---