Display Pattern: Text
Summary
Show the translated text from a text field with different translations in the Display Pattern. Add some color with CSS and truncate longer text, showing three dots.
< font color = "#ff5576" >
{{data.corporateInformation.title.en | translate | truncate: 5, ‘...’ }}
< /font >
Setup in Picturepark
Layer: Corporate Information
Text field: Title
Field Value Access
data.corporateInformation.title | translate
The Liquid filter | translate returns the value that matches the default language.
Use Case
One use case is to just show the title of a Content Item in the Detail Display Pattern.
{{data.corporateInformation.title | translate}}
Another use case is using HTML for better styling and add headlines.
<h1>
{{ data.corporateInformation.title | translate }}
</h1>
<h2>
{% if data.corporateInformation.note %}
{{ data.corporateInformation.title | translate }}
{% endif %}
<h2>
Another use case is to show text, truncated with three dots, in red (using CSS)
FotoWare Switzerland AG - CH-5033 Buchs - Switzerland
https://picturepark.com - support@picturepark.com
© 2023 FotoWare Switzerland AG