Components assist with making the layout of repetitive elements well formatted, such as member profiles or newsletters, or help create advanced layouts with special functionality—like accordions and galleries—without having to know HTML, CSS or JavaScript.

They can also be used to place content on multiple pages while allowing you to edit them in one place. Once saved, they will automatically update wherever the component has been embedded.

Currently there are seven components available to use:

  • Normal Content: The normal content component uses only the normal rich text editor, and is most commonly used when you want to place specific content on multiple pages.
  • Accordions: The accordion component is used to create accordion, or show/hide, elements on a page that toggle the display of content on the page. They consist of a series of pane headers and pane content. The pane content is hidden until the pane header is clicked. Once clicked, the pane content will slide down to reveal the content inside.
  • Gallery Slideshow: The gallery slideshow component creates a Flickr-style photo gallery, containing multiple images but only displaying one at a time. Clicking the next or previous arrows will cycle through all the photos in the gallery.
  • Gallery Grid: The gallery grid components creates a photo gallery that displays thumbnails in a grid layout, and clicking on the thumbnail displays the full-size image.
  • Member Profiles: The member profiles component allows you to create a well formatted list of individuals featuring the individuals image, name and other information. It’s commonly used to display a list of alumni profiles or student members. It is not intended to take the place of the faculty and staff directory feed advanced element.
  • Newsletters: The newsletters component allows you to create a well formatted list of publications featuring an image, commonly the cover of the publication, byline and a description.
  • Columns: The columns component allows you to create columns within the content body. It is meant to take the place of using tables in order to achieve a column layout on your page.