Accessibility Tool

Weekday

This render template produces a list of upcoming events, each wrapped in a link. Each event includes the weekday, date, and title of the event.

For a complete list of best practices, visit the main portlet page: Upcoming Events

HTML Structure


<div class="upcomingEvents weekday">
	<div class="sectionTitle">
	  <h3>Upcoming Events</h3>
 	</div>
   <div class="eventsList">
      <a href="" class="event"> 
		 <div class="weekday">Tuesday</div>
		 <div class="eventDate">
			 September 
			 <span>06</span> 
		 </div>
	   <div class="eventName">Event Name</div>
  </a><!-- end Event -->
  <!-- Copy/paste a.event and contents for more events of the same type -->
 </div>
</div>

Default Styling

Events

No Events Found

Custom Styling Example

Events

No Events Found

Custom Styling Example

Events

No Events Found