Component Library

This page is kept up to date with all of the available components for use by site editors for building pages on the Southern Adventist University website.

Overview

Welcome to the Southern Adventist University component library reference page. Here we have collected all of the content components available for use by our content editors on their departmental web pages. The purpose of this modular system is to: 

  • Unify the brand and layout of web pages across campus departmental web pages
  • Make content editing easier through form based editing
  • Make it harder to break the layout by removing design concerns from editor
  • Optimize for mobile devices
  • Allow for modular redesign with quick site-wide implementation
  • Make content more visually driven and avoid the unengaging "wall of text" phenomenon 

This page is a mix of training, best-practices, and policies. Each of the available components in it's most up to date form with a small description regarding it's usage. This page will be updated regularly to better serve content editors.

If you have any problems, design suggestions, new component suggestions, or other questions or feedback, contact webhelp@southern.edu

If you have any questions or need guidance about the components below there will be a step-by-step tutorial or view a video walk-through under the component. Attached, it will show how to create and edit that specific component.

Hero Component

The hero component is for emotional impact and will always appear at the top of the page. Only one Hero components is allowed per page and every page on the site is meant to have a hero component. The background image is meant to be high resolution, attractive, and relevant to the content on the page.


C1 Hero V2

This is another version of the hero component, and can be used if you have a paragraph of text you want to display in the hero/banner area of the page. You can also add CTA buttons as seen below:

Hero Image

C1 Hero V3 -- Interior Page

C2 WYSIWYG

The WYSIWYG component is for paragraphs of text when text formatting is required. It supports bold, italic, and underlined content as well as links, lists and text alignment options. It works similar to other text formatting applications. WYSIWYG stands for "What You See Is What You Get". The WYSIWYG component has two modes: default and intro paragraph. The intro paragraph mode enlarges font slightly and adds a left-side green border to make it more emphatic.

Follow a step-by-step tutorial or view a video walk-through

C3 Feature Thumbnail List

The feature thumbnail list component is good for presenting content in a visually driven, easily scannable way. The user can click on the image or the text to see more.
Follow a step-by-step tutorial or view a video walk-through

School of Business Undegraduate Programs

X
Portrait of man in sweater

Bachelor of Business Administration

Abbreviation: BBA

Degree Concentrations

  • Accounting
  • Computer Information Systems
  • Finance
  • Management
  • Marketing
  • Health Services and Senior Living Administration
X
Professional woman

Bachelor of Science

Abbreviation: BS

Degree Concentrations
  • Business Administration
  • Business - Public Relations
X
Woman in hard hat and construction gear

Bachelor of Technology

Abbreviation: BT

Degree Concentrations
  • Auto Service Management
  • Construction Management
X
Man in suit

Associate of Science

Abbreviation: AS

Degree Concentrations
  • Accounting
  • Business Administration
X
Man in plaid sweater

Associate of Technology

Abbreviation: AT

Degree Concentrations
  • Auto Service Management
  • Construction Management

C4 1/2 Image 1/2 Text

This component is for situations where a lot of text content is required on a page. It splits the page between images and text to make the content more visually interesting while allowing a lot of space to write text at length.
Follow a step-by-step tutorial or view a video walk-through

Do you have a burning desire to become a physician or lawyer? A CEO? The mayor of your home town? Despite what you have heard, the English major will prepare you for any of these goals.

So when you hear the question, "What will you do with an English major?" your answer can be a forceful "anything I want to." A major in English will prepare you perfectly for many of your dreams; in fact, majoring in English may give you an advantage!

Many people don't realize how desperate the world is for people with exceptional communication skills, broad liberal arts knowledge, awareness of how people and societies operate, and the ability to analyze. These skills are a top priority in business. After graduating with a degree in English, you can easily increase your skill set to encompass particular training that may be necessary in any future employment. By the way, nobody really knows what those technical skills will be in the next ten years! But with an English major, you will be ready to learn and absorb. You will have a great educational foundation.

OUR PHILOSOPHY

The School of Education and Psychology subscribes to the philosophy that human beings were created in the image of God and received unlimited potential for multifaceted development. It is the purpose of Christian education to bring individuals back to the wholeness in which they were created, through a saving relationship with Jesus Christ. Consequently, the work of education is also the work of redemption and involves the development of the whole person—spiritual, mental, emotional, social, and physical aspects.

OUR MISSION

The mission of the School of Education and Psychology at Southern Adventist University is to prepare effective Christian professionals who demonstrate a commitment to the pursuit of truth, wholeness, and a life of service in a diverse society.

C5 Youtube Video

This component facilitates easily adding a Youtube video embed and ships with a nice title and description area as well as an optional call to action button.
Follow a step-by-step tutorial or view a video walk-through

YouTube Video

WE'LL SEE YOU THIS FALL

Classes will resume on campus in the fall of 2020.

C5 Vimeo Video

This component facilitates easily adding a Vimeo video embed and ships with a nice title and description area as well as an optional call to action button.
Follow a step-by-step tutorial or view a video walk-through

Vimeo Video

Live the Art

A video produced by the School of Visual Art and Design.

C6 Contact

Use the contact section to add departmental names, phone numbers, email addresses and hours of availability.
Follow a step-by-step tutorial or view a video walk-through

Contact

Main Office

(123) 456-7890

Satellite Office

(123) 456-7890

4881 Taylor Circle
Collegedale, TN 37415

Monday - Thursday 9a - 5p, Fridays 9a - 12p

Phone Calls Answered 24/7

C7 Feature Tile Grid

This component features key options or links using this grid of custom icons.

The skills developed in a business degree are highly-transferrable among and within multiple industries.

The diversity and plenitude of careers with a business degree underlies the subject’s appeal for many students.

Business schools excel at teaching students non-textbook skills such as the so-called ‘soft skills,’ which allows students to develop a wholistic entrepreneurial mindset.

Many students who graduate with a business degree enjoy higher than normal average salaries. According to the Department of Labor and Statistics, the median income for a career related to degrees in business begins at around $60,000 annually.

Learn from the biggest successes and failures in business history.

Connect with interesting students who have big ideas and collaborate on exciting projects.

C8 Feature List

The feature list component allows the user to emphasize a list of items. The items can't be hyperlinked, so the component is just for ticking through a list of items to be featured.
Follow a step-by-step tutorial or view a video walk-through

What we Provide:

C9 CARD CONTENT

Display content with engaging images to support the words of the content. The editor can choose to display 3 or 4 cards across on desktop view.
Follow a step-by-step tutorial or view a video walk-through
Cafe CashierI can do all things w Christ

Lorem ipsum dolor sit amet, consectet.

Learn More
Student CoupleI thank my God every time.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Two Students WalkingHe who began a good work

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Male Student StudyingTo live is Christ

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Male StudentStand firm in the Lord

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequ

TESTINGGGG
Male Student WalkingGod will meet all your needs

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Male Student WalkingSeek first the kingdom

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Students StudyingKnock and the door shall be

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

C10 GALLERY

This component provides an image gallery with optional captions.
Follow a step-by-step tutorial or view a video walk-through

two people hugging
two people hugging
flowers by a sidewalk
people in a library
two people walking
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim more.
someone studying
a girl walking
A girl walking
people walking outside

C11 Call to Action (3 Versions)

The call to action component is used to give the user the opportunity to respond to the content on the page by taking the next step in the process, whether that be to apply for something, schedule a meeting, or learn more information. The main difference between version 1 and 2 is that version 2 has the option to add a nice image that appears in the desktop version of the component.
1st Verion: Follow a step-by-step tutorial or view a video walk-through
2nd Version: Follow a step-by-step tutorial or view a video walk-through
3rd Version: Follow a step-by-step tutorial or view a video walk-through

Join Us

Support christian education well into the future.

Visit Us

The best way to see yourself at Southern is to pay us a visit!

C12 Table

Component 12 is unique because it's the only modular layout that we could not accomplish with the Omni Update CMS Components functionality. To use this table layout you have to add the snippet with the name of Table. This will populate a table with the necessary styles. You can right click on any cell to add new rows, columns, or cells.

C13 Social Follow (Version 1 and 2)

The social follow component allows you to display links to your social media accounts. The social platforms supported by this component are:

  • Facebook
  • Instagram
  • Twitter
  • YouTube
  • LinkedIn
The component can have a brand evergreen or brand lime background.
Follow a step-by-step tutorial or view a video walk-through

C14 Link List

This component is great for giving the visitor options as it displays multiple (3+) links in one place. You can choose to have the links open in a new tab.
Follow a step-by-step tutorial or view a video walk-through.

C15 Small Thumbnail Links

This component is for when you have a group of links to display and you need a small image to accompany each link.
Follow a step-by-step tutorial or view a video walk-through.

C17 STAT COUNTER

This component animates the counting of a number to display.
Follow a step-by-step tutorial or view a video walk-through.

Undergraduate Students

2450

Percent of students on campus

67%

(Undergraduate)

Hiking trails

40mi

C18 RESOURCE CARDS

Resource Cards provide a great way to represent key features with an image and an inviting graphical link.
Follow a step-by-step tutorial or view a video walk-through.
Undergraduate

Admissions & Course Offerings

Undergraduate

Dual Enrollment

Application & FAQs

Dual Enrollment

Graduate

Graduate Course Offerings

Graduate

Teacher

Reduced Tuition & Application

Teacher

C19 PROFILE AND BIO

This is a great component for featuring your staff and a bio about them.
Follow a step-by-step tutorial or view a video walk through.

Jessica Johnston

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Mia Acevedo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Nathan Anderson

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Naomi Orlando

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

C20 ACCORDION

This component is great for frequently asked questions, but can be used anytime you want to make it easier to sort through large sections of text.
Follow a step-by-step tutorial or view a video walk through.
What is counseling?

Counseling is a psychotherapeutic service whereby "normal" everyday people receive help with "normal" everyday problems. The basic premise of counseling is that the person seeking help possesses within himself or herself the resources to solve the problem. By utilizing their skills and creating a special nonjudgmental atmosphere, the counselor is able to facilitate this process. Counseling is:

Psychoeducational: The counseling process involves learning about self, origins of maladaptive behavior, options for changing behavior, interpersonal and intrapersonal competencies, and options for change.

Is counseling confidential?
The content of counseling sessions as well as the information about clients who seek counseling are kept strictly confidential. The only limits to confidentiality are an immediate and severe threat to the life of oneself or others.
How much does it cost?
Counseling services are included in your tuition and there is no out of pocket expense for seeing a counselor.
How many sessions do people usually have?
Most counseling processes involve between one and seven sessions with the counselor, but this is determined on a case by case basis.

C21 CONTENT WITH THUMBNAILS

This component allows the user to create sections of content with relevant images, and the text nicely floats around the images. Follow a step-by-step tutorial or view a video walk through.

Culpa in cillum minim tempor minim reprehenderit dolor elit officia amet dolor ipsum. Ipsum voluptate laborum officia minim esse sit anim labore qui anim velit elit. Magna id minim duis est sit excepteur nulla fugiat veniam duis nulla irure do. Minim elit consectetur proident ea enim cillum ullamco ipsum exercitation. Irure sint quis sint consequat dolore laborum deserunt ullamco occaecat. Mollit ullamco occaecat in tempor exercitation et sint mollit non irure cillum excepteur est tempor dolor. Sunt ex aute fugiat velit consectetur amet pariatur aliquip pariatur nostrud. Aute voluptate ea nostrud nostrud esse tempor culpa enim nulla. Elit anim laboris velit cillum. Cupidatat dolore quis ullamco excepteur incididunt cupidatat minim aliquip ad labore voluptate laboris excepteur. Reprehenderit enim elit consequat veniam pariatur amet dolor reprehenderit aute officia enim voluptate ullamco. Proident duis duis nostrud ad. Aute ea eu nisi sit enim ea exercitation sint. Duis incididunt officia labore enim culpa magna veniam laborum id sit do id proident voluptate.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

C22 Alert

This component is for notifying your visitors of some urgent or unusual change that may affect availability, offerings, or resources.
Follow a step-by-step tutorial or view a video walk-through.
The Counseling staff will be providing all counseling services via secure Zoom, Monday through Thursday from 9:00 a.m. until 5:00 p.m. and on Friday from 9:00 a.m. until noon for the remainder of the semester. Please call 423.236.2782 during regular business hours on Monday through Thursday to schedule an appointment with a counselor. If you are unable to reach the office manager, please leave a voice message with your name and phone number and your call will be returned.

C23 Fine Print

This component is for disclaimers and for notifying users about information they may need to know but that is not central to the message of the page.
Southern Adventist University and the Counseling and Testing Services office are not responsible for the reliability, accuracy, timeliness, usefulness, or completion of the information found on the linked sites. A link to a site does not constitute an endorsement of that site. Information found in these links belong to that organization, and that organization is the copyright owner of the information contained on the site.
Always consult a trained mental health professional before making any decision regarding treatment. Online resources cannot replace the specialized training and potential judgment of a health care or mental health care professional.

C24 SMALL BIO CARDS

This component is for featuring bios when there are a lot of individuals to feature on one page.
Follow a step-by-step tutorial or view a video walk-through.

KEN SHAW, EDD

University President

Collegedale, TN

Benjamin Jones

South Central Conference

Nashville, TN

Scott McClure, JD

Attorney

Silver Spring, MD

Dave Livermore

President, Gulf States Conference

Montgomery, AL

Franklin Farrow

Business Executive

Ooltewah, TN

John Boskind, MD

Physician

Nashville,TN

David Jimenez

Business Executive

Ooltewah, TN

Doug Zinke

Business Executive

Ellicott City, MA

Debra Fryson

Director of Education, Southern Union Conference

Norcross, GA

Allan Machado

President, Florida Conference

Winter Park, FL

Ed Wright, DMin

President, Georgia-Cumberland Conference

Calhoun, GA

Barbara McKinney, MD

Physician

Jacksonville, FL

Steven Haley, PhD

President, Kentucky-Tennessee Conference

Goodlettsville, TN

William Winston

President, South Atlantic Conference

Atlanta, GA

C27 Large Thumbnail Links

This component features large thumbnail image and a title. The entire card is a link.
Follow a step-by-step tutorial or view a video walk-through.

WHY STUDY PROFESSIONAL COUNSELING AT SOUTHERN?

C28 Upcoming Events

Used to display upcoming events by date.
Follow a step-by-step tutorial or view a video walk-through.

Upcoming Events

10/11/2023

Evensong

Collegedale Church

07:00 PM-

Streamed Live Here
10/24/2023

Southern Symphony Orchestra

Ackerman Auditorium

07:00 PM-

Get Tickets
11/08/2023

Jazz Ensemble

Ackerman Auditorium

06:00 PM-

Get Tickets

C29 FEATURED SECTION

This component allows you to organize events with an optional link.
Follow a step-by-step tutorial or view a video walk-through.

C30 IMAGE LINK GRID

Highlight your links with attractive, relevant images.
Follow a step-by-step tutorial or view a video walk-through.

C32 TIMELINE

This component displays a small slideshow of a timeline of events.
Follow a step-by-step tutorial or view a video walk-through.

Timeline

Displays a small slideshow of a timeline of events

Send Transcripts and test scores

We'll need these important documents to give you an admission decision

Visit Campus

Schedule a time at

southern.edu/visit

Complete FAFSA

We use this to help determine your eligibility for financial aid

Start the enrollment checklist

Submit required forms and information to Southern

Pay deposit

Reserve your spot at Southern!

Register for Classes

Our advisors will assist you when registration opens.

Arrive!

Welcome to the Southern Adventist University family.

C33 FLIPCARDS

This component is a very nice way to feature information. Clicking the cards reveals more information and an optional link.
Follow a step-by-step tutorial or view a video walk-through.

Flipcards

A very nice way to feature information. Clicking the cards reveals more information and an optional link.

Center for the Study of 19th Century America

The Center for the study of 19th Century America includes the Domestic Science and Cookery Collection, Duane and Eunice Bietz Collection, James L. Fuller Collection, Origins and Biology Collection, Seventh-day Adventist Heritage and Apocalyptic Studies Collection, and the Thomas Memorial Collection.

Browse Collection

French Collection

The McKee Library French Collection consists of 105 titles and 189 volumes of works mostly written in French. The collection spans 255 years, with its earliest book published in 1711 and the most recent in 1966. The collection covers a variety of subjects including history, philosophy, and literary criticism and also contains novels, memoirs, poetry, and plays. Many of the books have been digitized and are available for online perusal.

Browse Collection

James D. Erskine Collection

The James D. Erskine collection consists of magazines, newspapers, clipped articles, and pamphlets covering historical and political events. The collection spans twelve linear feet and contains issues of several magazines such as Newsweek, Time, Life, and Yank. Also of interest are the political campaign pamphlets found in the collection.

Browse Collection

Ray Hefferlin Collection

The Ray Hefferlin Collection is comprised of physics-related materials collected by Dr. Ray Hefferlin, former physics professor at Southern Adventist University. The collection includes newspapers, periodicals, photographs, posters and correspondence.

Browse Collection

Southern Publications Archive

Southern Adventist University Publications Archive is a collection of university publications, historical photographs, and institutional history materials. This collection has been made possible with the support of Alumni Relations and Marketing and University Relations, and with the assistance of Lyrasis and the Sloan Foundation.

Browse Collection

C34 Expandable Cards

This component allows you to organize content with access to images and links.
Follow a step-by-step tutorial or view a video walk-through.

Brock Hall

Brock Hall

Brock Hall has many diiferent departments within it's building including English, History, Business, Art and Design, and Journalism and Communication.
English, Journalism, Business, Art, History
Hickman Science Center

Hickman Science Center

Hickman Science Center has diiferent departments within it's building including Science and Math.
Science, Math
Summerour Hall

Summerour Hall

Summerour Hall has diiferent departments within it's building including Psychology and Education.
Psychology, Education

C41 Carousel

This component gathers many photos together in a carousel.
It allows for a simple caption per image and the ability to view the images fullscreen.

Professor
Professor

Holly Gadd, PhD

Dean, Professor

Frances Johnson, DNP

Associate Dean, Graduate Program Coordinator, Professor

Sylvia Mayer, MS

Director of Nursing Admissions and Progressions, Consortium Program Coordinator and Advisor, Associate Professor

Kerry Allen, MSN

Skills Lab Coordinator, Associate Professor

Nicholas Beaumonte, MSN

Associate Professor

Jill Buchholz, DNP

DNP Program Coordinator, Professor

Ronda Christman, PhD

Professor

Judy Dedeker, DNP

MSN Program Coordinator, Associate Professor

Marla Erskine, MSN

Undergraduate Clinical Coordinator, Assistant Professor

Bonnie Hunt, MSN

A.S.A.P. Coordinator, Associate Professor Emerita

Jennifer Fisher, MSN

Graduate Clinical Coordinator, Associate Professor

Pamela Gammenthaler, MSN

AS and Co-BSN Program Coordinator, Associate Professor

LaShawn Horton, PhD

Associate Professor

Lorella Howard, MSN

Associate Professor

Jaclynn Huse, PhD

Cynthia Johnson, EdD

Simulation Coordinator, Associate Professor

Dana Krause, MSN

Associate Professor

Antonio Lazcano

Associate Professor

Christine Moniyung, PhD

Professor

Linda Peoples, PhD

Professor

Beckie Retzer, MSN

Assistant Professor

Andrew Richards, PhD

Associate Professor

Cindy Rima, DNP

Professor

Beth Scott, PhD

Professor

Christy Showalter, MSN

Associate Professor

Christina Shrode, MSN

Associate Professor

Beth Snyder, MS

Nutrition, Associate Professor

Lilly Tryon, DNP

Professor

Maria Inez Valenca, MD

Professor

Holly Walker, MSN

Associate Professor

Joelle Wolf, MSN

RN-BS Program and Co-BSN Program Coordinator, Associate Professor

Conni Cash

Office Manager

Jenifer Anderson

Faculty Support Secretary

Victoria Otrich-Eaton

LRC Supervisor

Linda Lechler

LRC Supervisor

Lisa Parks

LRC Coordinator

Jamie Thompson

Graduate Enrollment Counselor

C41 Carousel

This component gathers many photos together in a carousel.
It allows for a simple caption per image and the ability to view the images fullscreen.

Volunteer holding a pot sherd
Volunteer holding a pot sherd
Volunteer holding a artifact
Volunteers holding a artifacts
Volunteers at the dig sight
Volunteer holding a artifact
Pottery reading
Volunteer holding a artifact
Volunteers at dig sight
Volunteers at dig sight