Content Fragment Display

The Content Fragment Display allows authors to put specific dynamic data from a content fragment onto a static or dynamic page. 

Once you have placed your content fragment on a page, configure the Content Fragment Properties.

• Content Fragment: point to the content fragment you would like to display
• Select whether you want a Specific Content Fragment or a Dynamic Content Fragment.
  • Specific fragments will always show the selected fragment.
  • Dynamic fragments will use the selected fragment's Model and Path to determine the list of fragments that will be able to be displayed dynamically on page load. These are known as Dynamic Pages.
• Content Fragment Name Styling: If you would like to display the name of your content fragment, select a CSS style. If you don't want to display the Title select "hidden."
• Elements: Select which elements from the content fragment you would like to display.
  • Element Field Name: Authoring settings will vary based on the variables which define the Content Fragment.
  • Element Type: Will determine how this field will display. Depending on Element Type, authoring settings will vary:
    • Text
      • Field Name Label Styling. Select CSS style or select "hidden" if you do not want to display the label
        • If you choose to display the label, it will not display unless there is a value for this particular element. However, the option to "Show Label if Value is Blank" if you prefer.  
      • Element Value Styling: Choose CSS Style
      • Paragraphs: Determine if you want to use all paragraphs, or limit to a range. For instance '1; 3-5; 7; 9-*' to include the 1st and 7th paragraphs, the 3rd to 5th ones, and from the 9th to the end.
      • Show label if value is blank?: When checked, the field and label will still be rendered instead of hidden when blank.
      • Link Element: If selected you will pick which Content Fragment element contains the linking data.
    • Image
      • Label Styling: Select CSS display rule or select "hidden" if you don't need to display the Label.
        • If you choose to display the label, it will not display unless there is a value for this particular element. However, the option to "Show Label if Value is Blank" if you prefer.  
      • Link Element: If you would like the image to link, select a Content Fragment field that contains the URL, email, phone, or other linking data.
    • Asset
      • Set the Field Name Label Styling or select Hidden if you don't want to display.
        • If you choose to display the label, it will not display unless there is a value for this particular element. However, the option to "Show Label if Value is Blank" if you prefer.  
      • Set the Element's Value Styling
      • Asset Icon: Check this box if you would like an asset icon to appear next to this element.
      • Open in New Tab. Since this is an Asset, when displayed, this element will link to download the asset. Check this box if you would like the download to start in a new tab.
    • Date:
      • Set the Label and Value Styling.
        • If you choose to display the label, it will not display unless there is a value for this particular element. However, the option to "Show Label if Value is Blank" if you prefer.  
      • Chick the "Link Element" box if you would like the image to link, then select a Content Fragment field that contains the URL, email, phone, or other linking data.
      • Date Display Format: You have the option to choose how you want the date to display:
        • Date Only: Will display the Day of the week and Date.
        • Date and Time: Will display the Day of the Week, Date, and Time.
        • Time Only: Will only display time.
    • Experience Fragment:
      • Set the Label and Value Styling. Paragraph is forced for the Element Value Styling.
      • Show label if value is blank?: When checked, the field and label will still be rendered instead of hidden when blank.
    • Link List:
      • Set the Label and Value Styling. Paragraph is forced for the Element Value Styling.
      • Show label if value is blank?: When checked, the field and label will still be rendered instead of hidden when blank.
    • Tag:
      • Set the Label and Value Styling.
      • Chick the "Link Element" box if you would like the image to link, then select a Content Fragment field that contains the URL, email, phone, or other linking data.

In the following example, we have pointed to a specific puppy within our custom content fragment model "Puppies."

We've added the elements "Image" and "Description" to the display.