Event Card

Component to promote Events and point your the Event view.

Summary

Event Cards help raise awareness, improve visibility, and increase attendance for scheduled events.

Audience

Editors, Publishers, and Web Managers

How To

  • 1

    Add Event Card

    Inside a Band

    • Add a Band with the desired number of columns to the page.
    • Inside a column, select the Add Component button.
    • Select Event Card from the Choose Component dialogue box.

    Inside a Tabs/Accordion

    • Expand Advanced Settings.
    • Choose the desired Sidebar:
      • First Sidebar content appears before the Item Text of the Tabs/Accordion Item.
      • Second Sidebar content appears after the Item Text of the Tabs/Accordion Item.
    • Select the caret to expand the Component menu.
    • Select Add Article Card.
  • 2

    Main Image

    The Main Image is optional but is recommended because it helps draw attention to the Event Card. The ideal image dimensions for an Event Card depend on whether you want the image to be landscape, portrait, or square. You also have the option of using this image as the Background Image behind the Event Card Title in the Advanced Settings.

    Image Dimensions and Guidance

    • Select Add Media.
      • Select an existing image file from the Media Library, or
      • In the Add or Select Media dialog box, select Choose File to upload a new image file.
    • Insert Selected
    • A thumbnail image of the image file you selected appears.
  • 3

    Image Style

    Choose an option from the Image Style dropdown menu:

    • None
    • Rectangle
    • Portrait
    • Square

     

  • 4

    Event Date

    Choose a Date for the event:

    1. Click the Calendar icon.
    2. Navigate to the appropriate Day and click to choose it.
    3. Click Clear to reset and choose another date.
    4. Click Today to select today's date.

    Optional Method:

    • Enter Day, Month, and Year manually.
  • 5

    Event Type

    • Enter a Type for the Event (in this example, Concert).
  • 6

    Card Address

    Add an address/location for the Event. Fields marked with an asterisk (*) are required:

    • Country — Choose United States from the Country menu.
    • City (*) — Choose a City for the Event (in this example, Raleigh).
    • State (*) — Choose a State from the dropdown menu (in this example, North Carolina).
  • 7

    Link

    Link to a page describing the Event:

    URL (*) — Enter a web address for a page describing the Event.

    Link Text — Enter a Title for the Event.

  • 8

    Text

    • Text entered in the Text field appears directly below the Event Card.
    • In this example, Left Text indicates the Card is being placed in the Left Column of a 4-Column-Band.
  • 9

    Save

    Select the Save button to save the page and view results.