Content Preview

Components on this page:

• Content Preview 2x
• Content Preview 3x
• Content Preview 3x Short
• Fontawesome Preview 3x

Content Preview 2x

The Content Preview 2x component provides a 2-column layout to link to two pages/stories with a top-level introduction and short summary of each page/story.

• Header [Short Text] (optional): 2 Columns Ipsum Sit H2
• Introductory Text [Long Text] (optional): Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sagittis purus venenatis nisl posuere volutpat. Aenean eu tristique dui. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
• Background Color [Radio Buttons]:
  • Grey
  • White (Default)
• Animation [Checkbox]:
  • Fade In: If checked (default), rows will fade in after the component scrolls into view. If unchecked, the content will already be in place when the component scrolls into view.
• Rows [Element Group]
  • Column 1 Image [Image Chooser] (optional): URL of image or select an image from the current site.
  • Column 1 Image Description [Short Text] (optional): Man looking at spider in specimen container
  • Column 1 Subtitle [Short Text] (optional): Optional Subtitle
  • Column 1 Title [Short Text] (optional) Research Horizons: Unraveling the Mysteries of Spider Silk
  • Column 1 Body [WYSIWYG] (optional): Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.
  • Column 1 Link [File Chooser] (optional): URL of link or select a page from the current site.
  • Column 2 Image [Image Chooser] (optional): URL of image or select an image from the current site.
  • Column 2 Image Description [Short Text] (optional): Man looking at spider in specimen container
  • Column 2 Subtitle [Short Text] (optional): Optional Subtitle
  • Column 2 Title [Short Text] (optional) Research Horizons: Unraveling the Mysteries of Spider Silk
  • Column 2 Body [WYSIWYG] (optional): Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.
  • Column 2 Link [File Chooser] (optional): URL of link or select a page from the current site.

Content Preview 3x

The Content Preview 3x component provides a 3-column layout to link to three stories/pages with a top-level introduction and short summary of each story/page.

An update to this component [change log: Sep 13, 2023] added support for multiple rows. The component initially starts with one row when inserted on a page. To add more rows, click the "+ Add New Group" button (located below the component's input fields).

• Header [Short Text] (optional): 3 Columns Ipsum Sit H2
• Introductory Text [Long Text] (optional): Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sagittis purus venenatis nisl posuere volutpat. Aenean eu tristique dui. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
• Background Color [Radio Buttons]: Set the background color of the component.
  • Grey (default)
  • White
• Animation [Checkbox]:
  • Fade In: If checked (default), rows will fade in after the component scrolls into view. If unchecked, content will already be in place when the component scrolls into view.
• Rows [Element Group]:
  • Column 1 Image [Image Chooser] (optional): URL of the image or select an image from the current site.
  • Column 1 Image Description [Short Text] (optional): description of the image
  • Column 1 Subtitle [Short Text] (optional): [Omitted in this example]
  • Column 1 Title [Short Text] (optional): Research Horizons: Unraveling the Mysteries of Spider Silk
  • Column 1 Body [WYSIWYG] (optional): Lorem ipsum dolor sit amet, cons ectetur adipiscing elit. Aen ean euismod bibendum laoreet.
  • Column 1 Link [File Chooser] (optional): URL for the page/story or select a page on the current site.
  • Column 2 Image [Image Chooser] (optional): URL of the image or select an image from the current site.
  • Column 2 Image Description [Short Text] (optional): description of the image
  • Column 2 Subtitle [Short Text] (optional): [Omitted in this example]
  • Column 2 Title [Short Text] (optional): Research Horizons: Unraveling the Mysteries of Spider Silk
  • Column 2 Body [WYSIWYG] (optional): Lorem ipsum dolor sit amet, cons ectetur adipiscing elit. Aen ean euismod bibendum laoreet.
  • Column 2 Link [File Chooser] (optional): URL for the page/story or select a page on the current site.
  • Column 3 Image [Image Chooser] (optional): URL of the image or select an image from the current site.
  • Column 3 Image Description [Short Text] (optional): description of the image
  • Column 3 Subtitle [Short Text] (optional): [Omitted in this example]
  • Column 3 Title [Short Text] (optional): Research Horizons: Unraveling the Mysteries of Spider Silk
  • Column 3 Body [WYSIWYG] (optional): Lorem ipsum dolor sit amet, cons ectetur adipiscing elit. Aen ean euismod bibendum laoreet.
  • Column 3 Link [File Chooser] (optional): URL for the page/story or select a page on the current site.

Content Preview 3x Short

The Content Preview 3x Short component provides the ability to link to 3 stories/pages with images and titles, along with a top-level heading which can also be a link.

• Heading [Short Text] (optional): Centers & Institutes
• Heading Link Destination [File Chooser] (optional): URL for link or select a page on the current site
• Center 1 Text [Short Text]: Center for Clinical and Cognitive Neuroscience
• Center 1 Link Destination [File Chooser]: URL for link or select a page on the current site
• Center 1 Image [Image Chooser]: URL for image or select an image on the current site
• Center 1 Image Description [Short Text]: Description of the image
• Center 2 Text [Short Text]: Center for Clinical and Cognitive Neuroscience
• Center 2 Link Destination [File Chooser]: URL for link or select a page on the current site
• Center 2 Image [Image Chooser]: URL for image or select an image on the current site
• Center 2 Image Description [Short Text]: Description of the image
• Center 3 Text [Short Text]: Center for Clinical and Cognitive Neuroscience
• Center 3 Link Destination [File Chooser]: URL for link or select a page on the current site
• Center 3 Image [Image Chooser]: URL for image or select an image on the current site
• Center 3 Image Description [Short Text]: Description of the image

Fontawesome Preview 3x

The Fontawesome Preview 3X component enables user to incorporate Fontawesome icons into a 3-item grid layout in lieu of photo-based or graphic images.

• Header [Short Text] (optional):
• Introductory Text [Long Text] (optional):
• Column 1 Icon Name [Short Text]:
• Column 1 Subtitle [Short Text] (optional):
• Column 1 Title [Short Text] (optional):
• Column 1 Link [File Chooser] (optional):
• Column 1 Body [WYSIWYG] (optional):
• Column 2 Icon Name [Short Text]:
• Column 2 Subtitle [Short Text] (optional):
• Column 2 Title [Short Text] (optional):
• Column 2 Link [File Chooser] (optional):
• Column 2 Body [WYSIWYG] (optional):
• Column 3 Icon Name [Short Text]:
• Column 3 Subtitle [Short Text] (optional):
• Column 3 Title [Short Text] (optional):
• Column 3 Link [File Chooser] (optional):
• Column 3 Body [WYSIWYG] (optional):