Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
languageyaml
- label: 'Priority'
  key: 'Priority'
  type: 'pill'
  options:
    allowMarkup: markdown
    defaultColor: "#0022dd"
    highlight:
      - value: "1 - Low"
        color: "#C6DDF0"
      - value: "2 - Medium"
        color: "#C99DA3"
      - value: "3 - High"
        color: "#996888"
  showInTableHeader: true
  showInDetailList: true

Double

type: decimal,2

...

Number

...

...

type:

...

Number

type: number

This column type is used to declare a natural number. Useful if a number represents an amount or a count.

...

Code Block
- label: 'Open Invoice'
  key: ''
  type: 'download'
  showInTableHeader: false
  showInDetailList: true

Stacked bar chart

type: stackedBarChart

This type will show a horizontal bar chart to use for visualizing progress or similar data. You can pass a configuration object where you can specify which keys from the entries the chart should use, and their color in the chart.

...

Code Block
- label: 'Progress'
  key: ''
  type: 'stackedBarChart'
  showInTableHeader: false
  showInDetailList: true
  defaultColor: '#0022dd',
  stackedBarChart:
    - key: 'Remaining'
      color: '#C6DDF0'
    - key: 'Spent'
      color: '#C99DA3'
    - key: 'Excess'
      color: '#996888'

If you have an entry with these data fields:

Code Block
{
  "Remaining": 5,
  "Spent": 4,
  "Excess": 1,
}

A stacked bar chart type with the above configuration will create a diagram that shows 50% Remaining in color #C6DDF0, 40% Spent in color #C99DA3 and 10% Excess in color #996888.