Tip: Properties in Studio.Design
Studio.Design offers two kinds of properties: standard "Properties" used in static Lists and Components within the Design Editor, and "CMS Properties" used with Studio CMS.
Static properties are best for values that are only used within a single page or component.
CMS properties, on the other hand, manage information tied to a CMS model — such as the title, body, or thumbnail image — and can be shared across multiple pages.
For details on the available fields and how to set up each type of property, see the following help articles.
Available text filters
You can apply the following text filters:
Format date
Truncate text
Strip tags
Extract headings
How to set a text filter
Select the Text Box that has a property linked to it.
Open the [Text] tab.
Click the property name in the [Text] input field.
Click [+ Add filter] to add and configure a text filter.
Format date
This text filter lets you customize how dates, days of the week, and times are displayed.
For example, setting "YYYY/MM/DD" will display the date as "2022/01/31" (year/month/day).
For all available format options, refer to Format | Day.js.
Truncate text
This text filter lets you set the maximum number of characters to display.
Strip tags
This text filter lets you remove specific characters from the text.
When the text property is linked to the Body of a CMS article item (the article's main content property), this filter automatically removes HTML tags before displaying the text.
Extract headings
This text filter pulls out the headings from the article body and displays them.
date truncate