Calendar/Events Listing

CSS Styles

  • CalendarList
  • CalendarListSide
  • CalendarBlock1
  • CalendarBlock2
  • CalendarBlock3
  • CalendarBlock3_list
  • CalendarBlock3_list_4col

Calendar/Event listings can either be edited manually or pulled from an RSS feed*.

At minimum, the listing must provide Date and Event Name. Optional descriptions can include location and event description.  The listing can be positioned in the main content area or right sidebar. Below are various assetts to choose from for each area.

*if you're using an RSS feed you may need to verify that your feed data is being formatted correctly to ensure that the css is working on the right type of elements.

CSS Style

CalendarList

 

Example Code:

<ul>
  <li>Date on first line<br/>
   <a href="event link">Event Title </a> </li>

...

...
     </ul>

CSS Style

CalendarListSide

Example Code:

<ul>
  <li>Date on first line<br/>
   <a href="event link">Event Title </a> </li>

...

...
     </ul>

CSS Style

CalendarBlock1

You do not need to use any specific code but all content within that section would be assumed to be part of the calendar item.

August 17, 2014

Convocation

Clays Performing Art Center

Campus members are invited to attend.

MAY
17

Commencement

Titan Stadium

The University congratulates the Class of 2014

CSS Style

CalendarBlock2

You do not need to use any specific code but all content within that section would be assumed to be part of the calendar item.

May 17-18, 2014

Commencement 2014

Titan Stadium

The University congratulates the Class of 2014

August 17, 2014

Convocation

Clays Performing Art Center

Campus members are invited to attend.

 

CSS Style

CalendarBlock3

Example Code:

<p>Event date on top </p>
<p><a href="Event link">Event title /a></p>
<p>additional info </p>
<p>additional infor</p>

AUG
21

Fall Semester Begins

Throughout campus the University welcomes current and new students back to classes.  

Events and information booths will be on-going through the week.

AUG
17

Convocation

Clays Performing Art Center

Campus members are invited to attend.

CSS Style

CalendarBlock3_list

  • Calendar Block 3 Default has Three columns
    • Month Day
      Date of week
    • Event title goes here
    • additional information goes here
    • Aug 21st
      Monday
    • Welcome Back
    • The fall semester finally begins on Campus.
    • You will find all sorts of activities in and around the Campus as students find their classes and begin their studies.
    • Sept 14th
    • Another Event
    • additional information goes here
    • You can add as much info as you need.  The rows will auto streach to fit content.  In this style each row is determined only by content.  Feel free place whatever you'd like.
    • October 1st
      Sunday
    • All text is your text
    • You are free to describe things as you see fit.  The date and day of the week are completely up to you.  There is no automated content in this style so if you want to have a full month or day you can.
    • Month Day
      Date of week
    • Editing can be tricky
    • If you're using the OmniUpdate editor nested bulleted lists can be hard to manage as the editor does its best to interpret what you are trying to do.  If you have someone who can help with HTML you will most likely need their help cleaning up code if/when the editor does something weird.

CSS Style

CalendarBlock3_list_4col

  • CalendarBlock3_list_4col has four columns
    • Month Day
      Date of week
    • Event title goes here
    • additional information goes here
    • Aug 21st
      Monday
    • Welcome Back
    • The fall semester finally begins on Campus.
    • You will find all sorts of activities in and around the Campus as students find their classes and begin their studies.
    • Sept 14th
    • Another Event
    • additional information goes here
    • You can add as much info as you need.  The rows will auto streach to fit content.  In this style each row is determined only by content.  Feel free place whatever you'd like.
    • October 1st
      Sunday
    • All text is your text
    • You are free to describe things as you see fit.  The date and day of the week are completely up to you.  There is no automated content in this style so if you want to have a full month or day you can.
    • Month Day
      Date of week
    • Editing can be tricky
    • If you're using the OmniUpdate editor nested bulleted lists can be hard to manage as the editor does its best to interpret what you are trying to do.  If you have someone who can help with HTML you will most likely need their help cleaning up code if/when the editor does something weird.