Skip to main content
Back to Top
Augusta University LogoShield

Information for:

  • Current Students
  • Alumni
  • Community
  • Faculty & Staff
  • Military
  • Patients

Resources

  • A-Z Index
  • Calendar
  • Campus Maps
  • D2L LMS
  • Email
  • Libraries
  • MyAugusta
  • News
  • Jobs & Careers
  • Portals
  • Pounce
  • Shuttles
  • Admissions
  • Academics
  • About
  • Student Life
  • Athletics
  • Research
  • Health
  •   Giving
Training Resources
  • Request Training
  • Topics
    • How to Log In
    • Navigating Modern Campus CMS
    • Page Properties
    • Editing Text and Pages
    • How to Add/Remove Links
    • Documents
    • Inserting Images
    • Editing Images
    • Checking Pages In/Out
    • Publishing & Reverting Pages
    • Editing the Menu
  • Intermediate
    • Accessibility
    • Modern Campus CMS Interface
    • Gadgets
    • New Content
    • Creating New Pages
    • Editing Text
    • Snippets
    • Inserting Assets
    • Tables
    • Page Anchors
    • Buttons
    • Deleting Content
    • Components
  • Advanced
    • Using the Analytics Tool
    • Using Box Widgets
  • Resources
    • Web Content Tips & Rules
    • Web Content Guidelines
    • End User Reference Guide
  • Augusta University
  • Training Resources
  • Snippets & How to Use Them

Snippets & How to Use Them

What are Snippets?

Snippets are pre-formatted HTML and CSS code that can be inserted onto a page via selection menus. Once the snippet is inserted onto a page, the on-page content can be edited without affecting the original snippet. 

How to Insert Snippets

To insert a snippet, click the "Insert Snippet" icon, represented by a puzzle piece, on the toolbar.  A "Choose Snippet" pop-up box will appear.

Then select from the list of options.

  • Note: the snippet will appear where your cursor was in edit mode. 
  • Edit the snippet like a table, adding and removing rows.
  • Follow any other instructions the individual snippet contains, noting which fields are optional.
  • Don't forget to publish images or your page for newly uploaded images to appear.

Contact Us

Training Resources

webcontent@augusta.edu

Register for training

Current Snippets

Profile Card

Display a headshot, title and contact information. You can link names to the faculty directory for more information. You can also select different display styles.

Contact Us

Display contact information for your department. Place in the sidebar section.

Basic Info Cards

Use this card to display an image and brief information. Each card can be linked.

Grid Layout

Lay out content in columns and rows. You can also select different display styles.

Horizontal Link Bar with Icons

Organize several links in a horizontal row. Automatically adjusts for number of links and screen size.

Image with Caption

Display a caption with an image. Can be aligned with the right or left side of image.

Manual Calendar Cards

Add month, day, time, and location to a stylized calendar card.

Tiles with Icons

Display tiles with optional icons and optional links. This is what we are using to display this current list. 

Upcoming Event Cards

Manually display upcoming events. Useful for conferences, seminars, and any events not practical for the university calendar.

How to Edit Tables & Table Transform Snippets

Tables and Table Transform Snippets can be edited in a similar fashion in Edit mode. Only use tables for data, not to design your page.

Please do not use tables for layouts of pages; instead, choose a table transform snippet or component and / or toggle off different sections of your template in properties mode.

Insert a Table

 

1. To insert a table, select the "Table" drop-down icon on the toolbar.

2. Then, hover over the "Insert Table" option, and select the number of rows and columns desired.

3. Upon selecting the table size, the table will be automatically inserted onto the page.

Change Table Properties

 

1. Once the table is selected, you can click the "Table Properties" option on the Table drop-down menu.

2. Clicking this button will bring up a pop-up box where users can modify the properties of a table.

In order to make tables change based on a user's screen size, you can add/change the class to the table.

3. Under "Table Properties," change the "Class" option to "Custom." In the blank field that appears, type "table", and click "OK".

Striped Table

 

You can also type "table table-striped" in the custom class field, to make the table responsive, with alternating colored rows.

Doing this makes tables more friendly to tablets and phones, but still can be difficult to view.

The web team recommends using tables sparingly to avoid the issue.

Table Cell Options

 

This menu contains three options, allowing users to edit specific and individual table cells. 

  • Cell Properties:  Brings up a pop-up box similar to the Table Properties pop-up box
  • Merge Cells:  Merges the selected cells together
  • Split Cells:  Separates a previously merged cell into its original cells

Table Row Options

The "Table Row Options" allows users to edit specific table rows.  This menu contains the following options:

  • Insert Row Before
  • Insert Row After
  • Delete Row
  • Row Properties
  • Cut Row
  • Copy Row
  • Paste Row Before
  • Paste Row After

Table Column Options

 

This menu contains three options, allowing users to edit specific table columns.

  • Insert Column Before
  • Insert Column After
  • Delete Column

Snippet Examples You Can Use

The following are examples of the current list of snippets.

Profile Card Example

photo of Eric Example

Eric Example

  • Web Developer

webcontent@augusta.edu


Contact Us Example - Only Use In Sidebar

Contact Us

Training Resources

706-867-5309

webcontent@augusta.edu

Register for Intermediate training

Please do not use periods (.) in your phone number, only use dashes (-).



Basic Info Cards Example

Only use the University Calendar for public university events

Do not create or use calendars on your own individual pages.

For meetings, use the Outlook calendar.

Use the faculty directory for faculty bios

Do not create a separate page for each faculty member.

Instead, link to the official Faculty Directory.

  Maintain Accessibility Standards

If you would like a refresher on Accessibility, feel free to sign up for the Accessibility Compliance course again.

Grid Layout Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis urna et augue vehicula tincidunt. Praesent et ante tellus. Morbi non ipsum commodo, dignissim lectus in, dapibus enim. Aenean et neque lorem. Mauris mi est, accumsan vitae porta sit amet, molestie sed ipsum. Duis fermentum augue vel quam vestibulum gravida. Suspendisse tempus ante vitae efficitur porttitor. Ut faucibus nunc malesuada arcu ultrices tristique.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis urna et augue vehicula tincidunt. Praesent et ante tellus. Morbi non ipsum commodo, dignissim lectus in, dapibus enim. Aenean et neque lorem. Mauris mi est, accumsan vitae porta sit amet, molestie sed ipsum. Duis fermentum augue vel quam vestibulum gravida. Suspendisse tempus ante vitae efficitur porttitor. Ut faucibus nunc malesuada arcu ultrices tristique. 

Horizontal Link Bar with Icons Example

Apply NowFaculty DirectoryFill out a Work Request

Image with Caption Example

Always include an alt description for accessibility
A caption for the above image.












Manual Calendar Cards Example

August

12

4:30-6:15pm
Ed Commons, GB1120D

September

25

4:30-6:15pm
JSAC Ballroom

January

29

4:30-6:15pm
Ed Commons, GB1120D

February

26

4:30-6:15pm
JSAC Ballroom


Tiles with Icons Example

Admissions

At Augusta University, higher education is for both today and tomorrow. A rich and worthwhile experience in itself, your time here also shapes and sustains you throughout your career—and for the rest of your life.Admissions

Faculty Directory

The Faculty Directory provides access to information about the individuals who comprise this community - active instructional and administrative faculty, emeritus faculty, and the more than 2,000 clinical/adjunct faculty affiliated with Augusta University.Faculty Directory

Campus Maps

Explore our campus map for the various campuses, find and share building locations for easy directions, and see what areas on campus are blocked off for construction. Campus Maps

Upcoming Event Cards Example

Shepheard Blood Drive

  • 06/29/2021
  • Allgood Hall Parking Lot

The bloodmobile will be on campus in support of Ronald McDonald House. 

Modern Campus CMS Study Session

  • 12/05/2021
  • Professional Building One

We will study and go over quick tips.

Website

Homecoming

  • 02/10/2022
  • Douglas Barnard Amphitheater
University Shield

Augusta University

1120 15th Street, Augusta, GA 30912

  •   Campus Maps
  •   Campus Contacts
  • A-Z Directory
  • Degrees & Programs
  • Employment
  • Accessibility
  • Accreditation
  • Campus Safety
  • Compliance Hotline
  • Human Trafficking Notice
  • Privacy Notices
  • Title IX / Sexual Misconduct
Apply Now Give Now

© 2025 Augusta University

Facebook Twitter LinkedIn Youtube Instagram
©