User Guide

Alerts + Events Reference Components

The Alerts + Events Reference components are used for DCNR's parks and forests pages. Both reference an external server to display information about specific parks/forests.

 

Only DCNR should use the Alerts + Events Reference components.

Overview

Component name: Countdown

Authors who can use component: DCNR only

Templates/page types that can use component: all

Required or optional: optional

Alerts Reference component showing alerts and advisories for Bald Eagle State Park. Sample Alerts component for Bald Eagle State Park.
Events Reference component showing upcoming events for Bald Eagle State Park. Sample Events component for Bald Eagle State Park.

Authoring Fields

Adding the Alerts Reference or Events Reference components to the page

1. Once on the desired page in Edit mode, add the Alerts Reference component by doing the following. The same steps apply to the Events Reference component.

a. Option 1- double click on “Drag components here.” A modal titled “Insert New Component” will pop up. Type “Alerts Reference” in the search bar, or scroll to the Alerts Reference in the list. Double click to add to page.

b. Option 2- on the left hand rail, navigate to the Components tab. Type “Alerts Reference” in the search bar, or scroll to the Alerts Reference in the list. Double click to add to page.

Configuring the Alerts Reference component

  1. The Alerts Reference component is not editable on the page. Instead, open the page information menu dropdown. Select Open Properties.
  2. In Page Properties, select the CoPA tab.
  3. Enter the park/forest ICSORG ID, Venue ID, and Event Venue Code Field. These are unique for each park/forest.
  4. Click Save & Close.
  5. Once back on the page, the Alerts Reference component will show all current alerts for the park/forest.
    1. If none display, there are none in the server. If any are added, they will automatically display.
    2. Both advisories and alerts from the server will display. Alerts appear in red under the "Danger" heading. Advisories appear in blue under the "Information" heading.
  6. Alerts will display on the page until they are removed from the server.

 

Configuring the Events Reference component

  1. The Events Reference component is not editable on the page. Instead, configure through Page Properties as described above for the Alerts Reference component.
  2. Once back on the page, the Events Reference component will show the 6 next events for the park/forest.
    1. If none display, there are none in the server. If any are added, they will automatically display.
    2. Events will display badges indicating if they are free, if they are in person, and if they are sold out.
    3. Users can click the arrow to find full event details on the DCNR events site.
  3. Events will display on the page until they have occurred. They will then disappear from the page.
  4. It is encouraged to add a link to the events.dcnr.pa.gov page for each park/forest, so users can see all upcoming events.

 

Example

Sapient set up the Alert and Event Reference components following the below steps. Bald Eagle State Park is used as an example.

  1. Update the Bald Eagle State Park parent page with the Page Properties for the park.
  2. Add the Events Reference component to the page.
    1. Events now display.
  3. Under the Bald Eagle State Park parent page, create a page with title "Alerts at Bald Eagle State Park" and name "alerts."
    1. Update Page Properties on the new page.
    2. Add the DCNR Alert Reference component to the page.
    3. Alerts now display.
  4. Create an In-Page Alert Content Fragment called "Bald Eagle State Forest alert CF." In the Internal Link URL field, add a link to the page created in Step 3.
  5. Return to the Bald Eagle State Park parent page.
  6. Add the In-Page Alert component created in Step 3.
  7. End user will click the In-Page Alert to reach the alerts page created in Step 3.
Sample Page Properties for Codorus State Park. Sample Page Properties for Codorus State Park.
Sample In-Page Alerts component for Bald Eagle State Park, leading user to the page with Alerts Reference component. Sample In-Page Alerts component for Bald Eagle State Park, leading user to the page with Alerts Reference component.

Accessibility

There are no specific accessibility notes for the DCNR Alerts and Events Reference components.