Snippets
Snippets are pre-defined content that can be used on pages across the site.
This is an example of a page introduction snippet. The green section is the page "intro." The light grey section is the page "lead." The green text and lighter gray text are built-in functions. All you have to do is select the snippet, and type in your content. You can include hyperlinks in the lead.
Content not in an Align Center Snippet.
Notice that is does not do anything other than align center...
The Badge Box with Icon and Text populates a selected icon from this listing: https://fontawesome.com/v4.7.0/icons/ Instructions can be found within the snippet itself. The badge can also be linked like the second example.
Block grids are extremely useful for faculty listings, or anywhere that you need to display lots of smaller sections in rows of three and more. Below is an example of a Block Grid Snippet placed within an Align Center Snippet.
Kai Chen, PhD
Paula Dietrich, PhD
Xiaobin Han, MD, PhD
Sue Chin Lee, PhD
Pradeep Shukla, PhD
Shirley Wang, MD, PhD
A button snippet can be used to bring attention to important subpages.
This is an example of an expanded, large, primary, solid button.This is an example of an expanded, medium, primary, hollow button.This is an example of an expanded, small, secondary, solid button. Ideally, don't use this.This is an example of a not expanded, large, primary, solid button.Callout
Use the callout to provide attention to a certain section of the page. Information here should be kept short and informative.
Callout - Secondary
Should be used to call attention to an object that will remain on the page for a short time like notices.
Callout - Warning
Should be used when you need to call attention to a short term closing, an update, system changes, etc.
Should be used for, obviously, an FAQ. An alternative to this is to use the Accordion snippet.
Who is the greatest superhero?
UTHSC Weather
Spring
Summer
Fall
Winter
Answers
Where is Memphis?
It's located in the southwest corner of Tennessee.
What does UTHSC stand for?
University of Tennessee Health Science Center
Who is the greatest superhero?
It has to be Spiderman since we are on the web, right?
UTHSC Weather
Spring
What do I wear in the spring?
It starts to get warmer but rainy, so scrubs and an umbrella.
Summer
What do I wear in the summer?
Its can be hot and muggy, so scrubs and a fan.
Fall
What do I wear in the fall?
It starts to get cooler, so scrubs.
Winter
What do I wear in the winter?
It gets fairly cold but not much snow, so scrubs and warm boots.
Should be used within a Full Row.
Left Column
Replace this text with your actual content.
Right Column
Replace this text with your actual content.
Creates a highlight box with scrollover. Can be used with or without a description but must have a photo. Colors are green, blue, and purple... if at all possible please use green.
We don't typically use this snippet. If you'd like to try this one out, holler at the Webmaster!
Media with Content is typically used for faculty or staff listings that need bios. We don't typically use this layout for academic faculty, as they have faculty portfolios with their bio.
Your content will go here and align with the media you insert.
Should be used in a full width row. Can be used without the "lead" (grey text)
Each fiscal year, our faculty and staff receive nearly $100 million in research funding, including support from National Institutes of Health grants and private foundations.
Advancing research and economic development is at the core of our mission. Research funding has directly contributed to UTHSC's long record of accomplishments in basic science, applied clinical and translational research, and public health, allowing us to continue our contributions to the health of the Memphis-area community. Through collaborative relationships with health care partnerships like St. Jude Children's Research Hospital and Methodist Le Bonheur Healthcare, we are well-positioned to pave the way for innovative patient-centered research and development with a clinical and translational focus.
Should be used when trying to add a photo within a body of text.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sapien arcu, rutrum sit amet libero ut, lobortis pretium ante. Curabitur ullamcorper posuere nisi a lobortis. Nunc euismod ante id justo pellentesque, sit amet dapibus metus consectetur. Praesent luctus nisi et facilisis elementum. Sed cursus molestie ipsum a consequat. Nulla lacinia a felis et vestibulum. Pellentesque in bibendum urna. Proin eu ante dolor. Donec posuere nunc nisl, nec facilisis quam fermentum non.
Vestibulum congue placerat orci ut finibus. Integer mi urna, pellentesque quis nisl dapibus, laoreet imperdiet eros. Cras tempor diam nec sapien iaculis, eu condimentum erat mollis. Suspendisse semper non eros in laoreet. Nam lobortis risus eget vestibulum suscipit. Proin rhoncus, est vel tristique viverra, lacus sapien ullamcorper ante, non accumsan elit odio at odio. Nullam tristique rutrum lacus a porta. Mauris at diam eu arcu malesuada cursus.
Integer gravida tellus justo, et dignissim diam aliquet ac. Mauris eget ultricies odio. Aliquam egestas ultrices sem eu mollis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris auctor, enim at auctor hendrerit, urna sapien varius ipsum, in sodales dui nisi nec mi. Integer at ligula a risus pretium malesuada ac dictum enim. In consectetur, urna nec interdum euismod, est dolor aliquet nunc, non auctor quam elit nec ex. Phasellus volutpat arcu nunc, id luctus ligula sagittis eget. Etiam molestie turpis eget nunc convallis ornare. Ut non libero vel turpis pretium posuere. Suspendisse fermentum neque nec justo mollis consequat.
