Calendar

Use the links below to navigate to a variety of displays using the Calendar element. You will most likely discover new ways to use the elements, get creative!

GRID w/Tools

  • 2/3 - 1/3 layout
  • Calendar Tools - smaller grid
  • Calendar Tools - Search
  • "Open In" subpage where event details can display full screen in calendar element set to EVENT
  • Link on subpage back to original grid view.


LIST w/Tools

  • 2/3 - 1/3 layout with list in larger section on left
  • Calendar Tools on right
    • Small Grid
    • Filtering Tools
    • Search
  • "Open In" subpage where event details can display full screen in calendar element set to EVENT
  • Link back to main list

GRID w/Slideshow

  • Full page width
  • Slide show at top to showcase current week's events
  • "Open In" subpage where event details can display full screen in calendar element set to EVENT
  • Link back to main grid from subpage

Slideshow

Slideshows can move horizontally or vertically. They are often used within a page with other content versus standing alone on a page like a list or grid. Here you will see a horizontal slideshow used in conjunction with a list.

  • "Open In" stays within the page. There is no subpage with this layout. Everything refreshes the Event Details element on the page.
  • You can use the slideshow as a smaller single event rotation in other pages as well.

    GRID w/toggle

    • Full page width
    • Toggle button activated to easily switch between a grid view and a list view on separate subpage
    • Subpage list is 2/3 - 1/3 layout and has a second list displayed down the side set to "Open In" element to the left to change event details displayed so you don't have to return to the grid view