In Portrait, you can define how the data is shown on the users user's frontend and with column types you can define the style and behaviour behavior of the data. Furthermore, you can make use of Actions which lets you integrate "Call To Actions" that fits the situation and gives a more streamlined user-experience.
...
To represent a text in its original form. Use this type if you cannot determine the source definition. Try to avoid this type for of numbers or dates because the sorting functionality will not work properly in such cases.
...
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, NumberingsNumbering, Highlighting, and so on.
Generally it is not recommended to use using this data type if the column is shown in the table (showInTableHeader should be false).
...
This type 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 column.
Generally it is not recommended to use using this data type if the column is shown in the table (showInTableHeader should be false).
...
Use this definition to show the column values as a Floating Point- Number (e.g.: 12,34). In case of the type decimal, you must provide a number of digits for the fractional parts. For Typically this would be two digits:
...
With this type you can define an action for an entry based on a prediefend predefined backend-value In terms of the frontend, this these actions are also known as "Call To Action". An action could be:
...
As long as the defined action can be used inside an a 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 icon property defines what glyph is shown in the button. The list of possible icons are is 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).
...
This type can be used to show a list of objects as a table. In conjunction with a the ELO Maps this can represent tables with columns and a given list of lines.
...