Description
The Content Reveal component consists of two columns of content. On the left, there is a headline, optional intro text, and a list of tabs which, when selected, change what content is displayed on the right.
Jump to Examples
Training Video
Parameters
Required fields
- Title
- Content Reveal Items: Minimum of 2, maximum of 4
- Content Reveal Item Titles
- Content Reveal Item Text
- Content Reveal Item Button: URL and Link Text
- Images: Required for the first Content Reveal Item, optional for the rest
Recommended character limits
- Title: Maximum of 40 characters
- Description: Maximum of 220 characters
- Content Reveal Item Title: Maximum of 32 characters
- Content Reveal Item Text: Maximum of 500 characters if an image is included, 1,500 characters if not
- Content Reveal Item Link Text: Maximum of 25 characters
Use Cases
Use the Content Reveal component to draw attention to featured content that requires site visitors to select between multiple options, such as which type of campus tour they're interested in, on the Visit page. This component is only available for Full-Width pages that do not have a sidebar navigation menu like the Visit and Apply pages.
Content Reveal (2 Tabs)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac felis donec et odio pellentesque diam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac felis donec et odio pellentesque diam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id neque aliquam vestibulum morbi blandit cursus risus at ultrices. Ac turpis egestas sed tempus urna. Neque vitae tempus quam pellentesque nec nam. Nunc id cursus metus aliquam. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras. Dapibus ultrices in iaculis nunc sed augue lacus viverra. Bibendum ut tristique et egestas quis ipsum. Laoreet suspendisse interdum consectetur libero id faucibus. Fames ac turpis egestas integer eget aliquet nibh praesent. Tristique magna sit amet purus. Ut tellus elementum sagittis vitae. Urna id volutpat lacus laoreet non curabitur gravida arcu ac. Pellentesque habitant morbi tristique senectus et netus et malesuada. Purus non enim praesent elementum facilisis leo. Curabitur gravida arcu ac tortor dignissim convallis aenean et tortor. Quam id leo in vitae turpis massa sed elementum tempus. Mauris sit amet massa vitae tortor. Eros in cursus turpis massa.
Lobortis scelerisque fermentum dui faucibus in ornare quam. Nisl nunc mi ipsum faucibus vitae. Faucibus a pellentesque sit amet. Metus dictum at tempor commodo ullamcorper a lacus vestibulum sed. Euismod nisi porta lorem mollis aliquam ut. Nisl tincidunt eget nullam non nisi est sit. Tincidunt lobortis feugiat vivamus at augue. Egestas pretium aenean pharetra magna ac. Enim ut tellus elementum sagittis vitae et leo duis ut. Fames ac turpis egestas sed tempus urna et pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac felis donec et odio pellentesque diam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id neque aliquam vestibulum morbi blandit cursus risus at ultrices. Ac turpis egestas sed tempus urna. Neque vitae tempus quam pellentesque nec nam. Nunc id cursus metus aliquam. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras. Dapibus ultrices in iaculis nunc sed augue lacus viverra. Bibendum ut tristique et egestas quis ipsum. Laoreet suspendisse interdum consectetur libero id faucibus. Fames ac turpis egestas integer eget aliquet nibh praesent. Tristique magna sit amet purus. Ut tellus elementum sagittis vitae. Urna id volutpat lacus laoreet non curabitur gravida arcu ac. Pellentesque habitant morbi tristique senectus et netus et malesuada. Purus non enim praesent elementum facilisis leo. Curabitur gravida arcu ac tortor dignissim convallis aenean et tortor. Quam id leo in vitae turpis massa sed elementum tempus. Mauris sit amet massa vitae tortor. Eros in cursus turpis massa.
Lobortis scelerisque fermentum dui faucibus in ornare quam. Nisl nunc mi ipsum faucibus vitae. Faucibus a pellentesque sit amet. Metus dictum at tempor commodo ullamcorper a lacus vestibulum sed. Euismod nisi porta lorem mollis aliquam ut. Nisl tincidunt eget nullam non nisi est sit. Tincidunt lobortis feugiat vivamus at augue. Egestas pretium aenean pharetra magna ac. Enim ut tellus elementum sagittis vitae et leo duis ut. Fames ac turpis egestas sed tempus urna et pharetra.
Content Reveal (3 Tabs)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac felis donec et odio pellentesque diam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id aliquet risus feugiat in ante metus dictum at tempor. Scelerisque in dictum non consectetur a erat nam. Quis eleifend quam adipiscing vitae. Magna ac placerat vestibulum lectus mauris ultrices eros in cursus. Nibh tellus molestie nunc non blandit massa enim. Arcu dictum varius duis at consectetur lorem donec massa. Ipsum suspendisse ultrices gravida dictum fusce ut. Turpis egestas pretium aenean pharetra magna ac. At ultrices mi tempus imperdiet nulla.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id neque aliquam vestibulum morbi blandit cursus risus at ultrices. Ac turpis egestas sed tempus urna. Neque vitae tempus quam pellentesque nec nam. Nunc id cursus metus aliquam. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras. Dapibus ultrices in iaculis nunc sed augue lacus viverra. Bibendum ut tristique et egestas quis ipsum. Laoreet suspendisse interdum consectetur libero id faucibus. Fames ac turpis egestas integer eget aliquet nibh praesent. Tristique magna sit amet purus. Ut tellus elementum sagittis vitae. Urna id volutpat lacus laoreet non curabitur gravida arcu ac. Pellentesque habitant morbi tristique senectus et netus et malesuada. Purus non enim praesent elementum facilisis leo. Curabitur gravida arcu ac tortor dignissim convallis aenean et tortor. Quam id leo in vitae turpis massa sed elementum tempus. Mauris sit amet massa vitae tortor. Eros in cursus turpis massa.
Lobortis scelerisque fermentum dui faucibus in ornare quam. Nisl nunc mi ipsum faucibus vitae. Faucibus a pellentesque sit amet. Metus dictum at tempor commodo ullamcorper a lacus vestibulum sed. Euismod nisi porta lorem mollis aliquam ut. Nisl tincidunt eget nullam non nisi est sit. Tincidunt lobortis feugiat vivamus at augue. Egestas pretium aenean pharetra magna ac. Enim ut tellus elementum sagittis vitae et leo duis ut. Fames ac turpis egestas sed tempus urna et pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac felis donec et odio pellentesque diam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id aliquet risus feugiat in ante metus dictum at tempor. Scelerisque in dictum non consectetur a erat nam. Quis eleifend quam adipiscing vitae. Magna ac placerat vestibulum lectus mauris ultrices eros in cursus. Nibh tellus molestie nunc non blandit massa enim. Arcu dictum varius duis at consectetur lorem donec massa. Ipsum suspendisse ultrices gravida dictum fusce ut. Turpis egestas pretium aenean pharetra magna ac. At ultrices mi tempus imperdiet nulla.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id neque aliquam vestibulum morbi blandit cursus risus at ultrices. Ac turpis egestas sed tempus urna. Neque vitae tempus quam pellentesque nec nam. Nunc id cursus metus aliquam. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras. Dapibus ultrices in iaculis nunc sed augue lacus viverra. Bibendum ut tristique et egestas quis ipsum. Laoreet suspendisse interdum consectetur libero id faucibus. Fames ac turpis egestas integer eget aliquet nibh praesent. Tristique magna sit amet purus. Ut tellus elementum sagittis vitae. Urna id volutpat lacus laoreet non curabitur gravida arcu ac. Pellentesque habitant morbi tristique senectus et netus et malesuada. Purus non enim praesent elementum facilisis leo. Curabitur gravida arcu ac tortor dignissim convallis aenean et tortor. Quam id leo in vitae turpis massa sed elementum tempus. Mauris sit amet massa vitae tortor. Eros in cursus turpis massa.
Lobortis scelerisque fermentum dui faucibus in ornare quam. Nisl nunc mi ipsum faucibus vitae. Faucibus a pellentesque sit amet. Metus dictum at tempor commodo ullamcorper a lacus vestibulum sed. Euismod nisi porta lorem mollis aliquam ut. Nisl tincidunt eget nullam non nisi est sit. Tincidunt lobortis feugiat vivamus at augue. Egestas pretium aenean pharetra magna ac. Enim ut tellus elementum sagittis vitae et leo duis ut. Fames ac turpis egestas sed tempus urna et pharetra.
Content Reveal (4 Tabs)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac felis donec et odio pellentesque diam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id aliquet risus feugiat in ante metus dictum at tempor. Scelerisque in dictum non consectetur a erat nam. Quis eleifend quam adipiscing vitae. Magna ac placerat vestibulum lectus mauris ultrices eros in cursus. Nibh tellus molestie nunc non blandit massa enim. Arcu dictum varius duis at consectetur lorem donec massa. Ipsum suspendisse ultrices gravida dictum fusce ut. Turpis egestas pretium aenean pharetra magna ac. At ultrices mi tempus imperdiet nulla.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id neque aliquam vestibulum morbi blandit cursus risus at ultrices. Ac turpis egestas sed tempus urna.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id neque aliquam vestibulum morbi blandit cursus risus at ultrices. Ac turpis egestas sed tempus urna. Neque vitae tempus quam pellentesque nec nam. Nunc id cursus metus aliquam. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras. Dapibus ultrices in iaculis nunc sed augue lacus viverra. Bibendum ut tristique et egestas quis ipsum. Laoreet suspendisse interdum consectetur libero id faucibus. Fames ac turpis egestas integer eget aliquet nibh praesent. Tristique magna sit amet purus. Ut tellus elementum sagittis vitae. Urna id volutpat lacus laoreet non curabitur gravida arcu ac. Pellentesque habitant morbi tristique senectus et netus et malesuada. Purus non enim praesent elementum facilisis leo. Curabitur gravida arcu ac tortor dignissim convallis aenean et tortor. Quam id leo in vitae turpis massa sed elementum tempus. Mauris sit amet massa vitae tortor. Eros in cursus turpis massa.
Lobortis scelerisque fermentum dui faucibus in ornare quam. Nisl nunc mi ipsum faucibus vitae. Faucibus a pellentesque sit amet. Metus dictum at tempor commodo ullamcorper a lacus vestibulum sed. Euismod nisi porta lorem mollis aliquam ut. Nisl tincidunt eget nullam non nisi est sit. Tincidunt lobortis feugiat vivamus at augue. Egestas pretium aenean pharetra magna ac. Enim ut tellus elementum sagittis vitae et leo duis ut. Fames ac turpis egestas sed tempus urna et pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac felis donec et odio pellentesque diam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id aliquet risus feugiat in ante metus dictum at tempor. Scelerisque in dictum non consectetur a erat nam. Quis eleifend quam adipiscing vitae. Magna ac placerat vestibulum lectus mauris ultrices eros in cursus. Nibh tellus molestie nunc non blandit massa enim. Arcu dictum varius duis at consectetur lorem donec massa. Ipsum suspendisse ultrices gravida dictum fusce ut. Turpis egestas pretium aenean pharetra magna ac. At ultrices mi tempus imperdiet nulla.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id neque aliquam vestibulum morbi blandit cursus risus at ultrices. Ac turpis egestas sed tempus urna.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id neque aliquam vestibulum morbi blandit cursus risus at ultrices. Ac turpis egestas sed tempus urna. Neque vitae tempus quam pellentesque nec nam. Nunc id cursus metus aliquam. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras. Dapibus ultrices in iaculis nunc sed augue lacus viverra. Bibendum ut tristique et egestas quis ipsum. Laoreet suspendisse interdum consectetur libero id faucibus. Fames ac turpis egestas integer eget aliquet nibh praesent. Tristique magna sit amet purus. Ut tellus elementum sagittis vitae. Urna id volutpat lacus laoreet non curabitur gravida arcu ac. Pellentesque habitant morbi tristique senectus et netus et malesuada. Purus non enim praesent elementum facilisis leo. Curabitur gravida arcu ac tortor dignissim convallis aenean et tortor. Quam id leo in vitae turpis massa sed elementum tempus. Mauris sit amet massa vitae tortor. Eros in cursus turpis massa.
Lobortis scelerisque fermentum dui faucibus in ornare quam. Nisl nunc mi ipsum faucibus vitae. Faucibus a pellentesque sit amet. Metus dictum at tempor commodo ullamcorper a lacus vestibulum sed. Euismod nisi porta lorem mollis aliquam ut. Nisl tincidunt eget nullam non nisi est sit. Tincidunt lobortis feugiat vivamus at augue. Egestas pretium aenean pharetra magna ac. Enim ut tellus elementum sagittis vitae et leo duis ut. Fames ac turpis egestas sed tempus urna et pharetra.