Calendar/Events Listing
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>
- May 17-18, 2024
Commencement 2024 - August 17, 2024
Convocation - August. 21, 2024
Fall Semester Begins
CSS Style
CalendarListSide
Example Code:
<ul>
<li>Date on first line<br/>
<a href="event link">Event Title </a> </li>
...
...
</ul>
- May 17-18, 2020
Commencement 2024 - August 17, 2020
Convocation - August. 21, 2020
Fall Semester Begins
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.
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.
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
Throughout campus the University welcomes current and new students back to classes.
Events and information booths will be on-going through the week.
CSS Style
CalendarBlock3_list
- Calendar Block 3 Default has Three columns
-
- Month Day
Date of week - Event title goes here
- additional information goes here
- Month Day
-
- 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.
- Aug 21st
-
- 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.
- October 1st
-
- 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.
- Month Day
CSS Style
CalendarBlock3_list_4col
- CalendarBlock3_list_4col has four columns
-
- Month Day
Date of week - Event title goes here
- additional information goes here
- Month Day
-
- 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.
- Aug 21st
-
- 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.
- October 1st
-
- 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.
- Month Day
