Detailed textual area overview

Rich text fields are used for long-form content you can format from the CMS panel in the Designer or the Editor.

While a simple text field is utilized for generating concise-form, unstyled text, a detailed text field is used for expansive content that can be formatted from the Collections panel in the Designer or the Editor. The detailed text field provides your collaborators with the flexibility to generate and format their content. The detailed text field can be showcased in Collection lists and on Collection pages. Additionally, you can employ the detailed text field to refine a Collection list or set conditional visibility on elements in Collection pages and lists.

Usual applications
  • Majority of extensive content with hyperlinks
  • Weblog entries
  • Essays
  • Introduction of team members
  • Description of products
  • Details about events
On the left a custom field for detailed text is filled out with text and an image. On the right is the result of a detailed text block element in the designer with the same text and image entered in the Collection settings.
Valuable tip
Detailed text is useful when you desire to provide collaborators with the ability to further stylize text. If you prefer that collaborators not have this capability, the simple text field would be the preferable option.
Throughout this educational section
  • Formation of a detailed text field
  • Creation of detailed text content
  • Showcasing dynamic detailed text in your design
  • Styling elements embedded in a detailed text field
  • Refinement of a Collection list using the detailed text field
  • Employing conditional visibility using the detailed text field

Formation of a detailed text field

A detailed text field can be added to a new or existing Collection. In Collection settings, hit on New Field and then select the Detailed Text field.

The Detailed text is highlighted in the New field select menu.

Prior to saving the field, you can define a minimum character count and/or a maximum character count that is permitted for this field. Additionally, similar to any field, you can incorporate a Help text and specify if the field is mandatory or not.

Creation of detailed text content

You and your collaborators can compile detailed text content for each Collection item.

  1. Access a Collection item in the CMS
  2. Enter or paste your detailed text content
  3. Further structure it or introduce media
  4. Save your Collection item
A preview of a collection page called Lessons" being edited in the Editor.

In a detailed text field, you have the ability to integrate:

  • Various paragraphs
  • Images
  • Videos
  • Diverse media
  • Bulleted lists
  • Numbered lists
  • Emboldened text
  • Italicized text
  • Hyperlink
  • Headers
  • Block quotations
Suggested reading
Explore more about extensive content and how to add, format, and style detailed text elements.

Showcasing dynamic detailed text in your design

To exhibit the content of the detailed text field in Collection list or Collection pages, you can introduce a detailed text element and link it to this field:

  1. Integrate a detailed text element in a Collection list or on a Collection page
  2. Tick the Get text from checkbox in the Inner Text Settings that manifests
  3. Link it to the relevant detailed text field from the field dropdown
The Inner Text Settings of a Detailed Text element is displayed. The check box is marked to Get text from a collection named Blog Posts with the dropdown menu expanded to connect to the Featured Blog Post field.

You can also access the Inner Text Settings by selecting the text element and either tapping on the settings icon next to the element label on the canvas or by navigating to the Settings panel (D).

Styling elements nested in a detailed text field

You can specify distinct styles for each element nested in a detailed text, such as headers, lists, hyperlinks, etc. You can carry this out before connecting your detailed text element to a detailed text field. Learn more about styling elements nested in a detailed text element.

You cannot style elements nested in a detailed text element when it’s linked to a detailed text field. Initially, you must disconnect the connection, style its elements, then, reconnect it again to the detailed text field. You can sever the connection by unchecking the “Get text from” under Inner Text Settings.

Refinement of a Collection list using the detailed text field

To enhance your Collection list using a detailed text field:

  1. Select the Collection list you wish to refine
  2. Visit the Settings panel (D)
  3. Incorporate a Filter under Collection List Settings
  4. Select the pertinent detailed text field in the initial dropdown
  5. Choose a guideline in the second field
  6. Specify the value if necessary
  7. Tap on Save

The filtering criteria that you can employ with the detailed text field and values are:

  • Is Set – seeks out Collection items that possess content for this detailed text field
  • Is Not Set – searches for Collection items lacking any content in this detailed text field
Discover more about refining Collection lists.

Employing conditional visibility utilizing the detailed text field

You can implement conditional formatting to showcase detailed text content under specific conditions. Additionally, you can configure conditional formatting, for instance, on headers to display them solely when a specific detailed text field contains content:

  1. Select the header
  2. Access the Settings panel (D)
  3. Incorporate a Condition (while this element is visible) under Conditional visibility
  4. Select your detailed text field in the first dropdown
  5. Choose Is set in the second dropdown
  6. Press Save

Explore more about conditional visibility.

Ewan Mak
Latest posts by Ewan Mak (see all)