Reusable Content Demo

This page demonstrates some of the types of reusable content available in the CMS. These reusable content blocks help save time for web developers and content editors, by automating arduous tasks and allowing users to make updates to blocks by themselves.

Our CMS, OUCampus, offers three types of reusable content, each designed for a different purpose:

Asset

A pre-made "piece" of a page. When the Asset is changed, all pages on the site using the Asset will be automatically updated.

 

Snippet

A drop-in table to make it easy for users to edit more complicated pieces of layout, such as a two-column split, or these "card" boxes.

 

Component

A form backed by custom programming, easily allowing users to include automatically-updated information from other systems (Banner, Valencia Events, etc.).

 

 

Facts and Figures Asset

The values in this table are set once in the CMS. When these numbers are updated, all pages which use these set values will be automatically updated and republished. (example page: Tuition Fees)

 

Residency Status Associate Tuition Per Credit Hour Baccalaureate Tuition
Florida Resident $103.06 $112.19
Non-Florida Resident $390.96 $427.59
International $390.96 $427.59

 

In the OUCampus editor, the asset for each figure appears in a box with a patterened background. In order to change the figure, the Asset used for it must be edited elsewhere in OUCampus.

Screenshot of the OUCampus editor showing the assets.

  

Internal Promos Asset

Promotional material like this, "Explore Valencia College" is used on several pages on the website. By creating an Asset for this block, we can drop it into as many pages as we like, and by editing the Asset itself, we can update every page which uses the block instantly.

 

Explore Valencia College

Check us out. Take a virtual tour, sign up for an information session or a walking tour, or just learn more about our convenient locations throughout Orange and Osceola counties. We're happy to meet you.

Valencia College Locations

 

Two Column Layout Snippet

Working with more complicated layouts can be a little tricky in the OUCampus editor. These Snippets make it easier to work with multi-column layouts, or to properly format a specialized area like the "Callout Box" in the side bar.

 

Left Column

This is the left side column. Most of the time, this will be the "larger" column, with a smaller sidebar to the right.

The sizes may vary in the editor, depending on the content on the page itself.

On smaller screens, such as a smartphone, each column will automatically "stack" into one equal-size column, keeping the content from getting too small to be easily read.

Right Column

Callout Box

This snippet gives a stricter structure to the layout of content in a callout box.

Text written in the Header and Body Text areas will be automatically formatted when previewed or published. If a link is added in the Button Link column, it will be styled as a button on the page.

In the editor, the above layout will look something like this:

 A screenshot of the OUCampus editor showing how the layout snippets function.

 

Callout Full Width Snippet

The full-width "gray box" is used to emphasize an important message with a button (or buttons) to highlight an action. 

 

You have questions. We're here to help.


 

Course Information Table Component

Editors can enter a list of CRNs, and a list will be created with information about the course. This information is retrieved from a database, so it is automatically updated when a user loads the page, with no re-publishing required.

 

Online

CourseCRNTitleInstructor

Updating the Course Information Table

Click on the blue Component label to show the Edit and Delete buttons. Then, click on the Edit button (the pencil icon):

Screenshot of editor window showing the component label and editing controls.

Next, fill out the form to update the courses shown in this table. You can set the label of the displayed table, select the academic year and term, enter CRNs for the courses to display. 

Screenshot showing the form for entering which course CRNs should be displayed in the table.

After saving your changes, save and publish the page to see the course information automatically update on the site.

 

Event Feeds Component

A Feed of Events can be drawn from a listing created using collegewide Events Calendar. Two feed styles are available.

 

Event Feed – List Style

The Event Feed "list style" is a simple list that displays events ordered by dates with options to display times and locations, if specified.

Important Dates

 

These event feeds will automatically adjust their size to fit the layout of the page, and are often placed alongside related information. See the example on the right.

Event Feed – Card Style

The Event Feed "card style" can display more information about each event, including an image, date, time, time, location, description and a button link to view the event detail page. 

Fire Science Academy Track, Information Session
Fire Science Academy Track, Information Session

April 21, 2021 6:00 pm

The Fire Science Academy Track is designed to provide students with the education, training, skills, and abilities for a successful fire service career. Student...

Grades Due (Faculty Submission Deadline)
Grades Due (Faculty Submission Deadline)

May 03, 2021 9:00 am

For details visit the Important Dates and Deadlines calendar valenciacollege.edu/important-dates...

Commencement Ceremony
Commencement Ceremony

May 08, 2021

Valencia College Virtual Commencement Ceremony. Watch the live broadcast. For details visit » valenciacollege.edu/graduation...

 

Employee List Component

Content editors can add users to the Employee List by simply entering an Atlas user name. We can also hide or show additional data for department, position, phone and email link, if specified. This information is retrieved from a database, so it is automatically updated when a user loads the page, with no re-publishing required.

 

NameDepartmentPositionPhone
Traci BjellaMarketing & Strategic CommunicationAsst VP, Marketing(407) 582-1016
Craig BlazejewskiMarketing & Strategic CommunicationDir, Interactive Marketing(407) 582-1274
Patti SmithIT OfficeChief Information Officer(407) 582-5411
Maureen WilliamsEnterprise Application ServicesMgng Dir, Enterprise App Svcs(407) 582-5463

This clip demonstrates adding a Staff List to a page:

 

Faculty Development Course Listing Component

The purpose of this component is to streamline course listing content with a standard layout and style.

 

ASMT2227 Understanding and Designing Rubrics
5 PD Hours

In this online, interactive course, participants will learn the elements of rubric construction and examine a variety of models to use in creating their own discipline-specific rubrics.

This is an optional note field which can be excluded.