Column Types
In Portrait, you can define how the data is shown on the user's frontend and with column types you can define the style and behavior of the data. Furthermore, you can make use of Forms and Actions, which lets you integrate "Call To Actions" that fits the situation and gives a more streamlined user-experience.
String
type: string
To represent a text in its original form. Use this type if you cannot determine the source definition. Try to avoid this type of numbers or dates because the sorting functionality will not work properly in such cases.
- label: 'Creator'
key: 'creator'
type: 'string'
hideIfEmpty: true
showInTableHeader: true
showInDetailList: true
Markup
In case you need formatting features, you can activate the allowMarkup
option.
Markdown
The formatting can be based on Markdown (see: https://en.wikipedia.org/wiki/Markdown for details on how to use it). This markup language is 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, Numbering, Highlighting, and so on.
Generally it is not recommended using this option if the column is shown in the table (showInTableHeader
should be false).
- label: 'Creator'
key: 'creator'
type: 'string'
showInTableHeader: false
showInDetailList: true
options:
allowMarkup: markdown
HTML
This option can be used for advanced formatting and extended functionality inside the UI. Since the Portrait Frontend in itself uses HTML for markup declaration, the risk of interference and therefore a malfunctioning Portrait-App is high. Therefore, it is very important to provide clean and safe data inside this