...

- label: 'Creator'
  key: 'creator'
  type: 'string'
  showInTableHeader: true
  showInDetailList: true

Pill

type: pill

The pill lets you color highlight specific values (e.g. “To-Do” is blue , “In Progress” is yellow , “Done” is green). The pill can be either used inside the list and inside the detail view.

- 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

Text

type: text

In case you need formatting features, you can use this type. The formatting features are based on Markdown (see: https://en.wikipedia.org/wiki/Markdown for details on how to use it). This markup language is used as well-known for its use in documentation software and content management systems like Wikimedia or Atlassian Confluence. The feature set is limited, but therefore especially useful for: Headings, Numberings, Highlighting, and so on.

...

As long as the defined action can be used inside an href-tag (see Chapter href: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) it is a valid action. The action itself is therefore declare as value-field in the backend-query: https://maps.google.at/?q=Stephansplatz%201,%20Wien or mailto://office@treskon.at.

The appearance property can be either:

• primary - a button is shown below the entry data in highlight-color

• secondary - a button is shown below the entry data in an inverted style

• dropdown - the action is part of the (always visible) options menu (…)

The icon property defines what glyph is shown in the button. The list of possible icons are based on the https://feathericons.com/ library and are open source. You can use the official feather icon site to search for icons and use the icon name inside the property (e.g. phone).

- label: 'Send Request'
  key: 'requestMailto'
  type: 'action'
  appearance: 'secondary'
  icon: 'phone'
  showInTableHeader: false
  showInDetailList: true

...