The site page layout will determine if pages may incorporate blueprints. If allowed, content contributors can choose how to display and organize blueprints, along with configuring their elements.
There are two stores of blueprints, Datastore and Custom. The Datastore blueprints are used throughout the system and can be incorporated into any Theme within the CMS. Custom blueprints are created for unique use cases and may not work on every Theme in the CMS, unless incorporated in the HTML, CSS and JS.
TO ACCESS Site Planner:
launch the application
from global navigation
select Site Planner
- select a Site Page
- Click Add/Configure icons
Activity Lists
Formats:
| Location | Blueprints | Description | When to use |
|---|---|---|---|
| Blueprints>Datastore Blueprint> Activity List | activity.event_list | Displays all events associated to the Groups and Activity Categories and Sub-Categories selected. |
|
|
|---|
Tab: Details
On the Details tab, a Title and List Only flag are configured.
- Title
The Blueprint name
- List Only
function needed
Tab: Store Configuration
On the Store Configuration tab, each setting chosen will dictate the filter applied to the list and set the page parameters.
- Category
This will filter the list by Content Category.
- Start Date
If left blank, the system will use the "Current" day. If a value is set, this will be the first date to display in the list.
- End Date
This is the last day to display the Activity List.
- Days
Enter the name of days you wish to display. The default, if left blank, will show 30 days.
- Featured Only Toggle
When ON, the smartlists can be set to show only "Featured" events.
- Groups
On the Groups tab, access is granted to the selected Groups.
- Tags
The Activity list can be filtered by the selected tags.
- Locations
The Activity list can be filtered for specific Program Locations.
- Page Size
This sets the number of activities displayed. Default is 25.
- Page Parameter Prefix
If more than one blue print is added to a page, and they use pagination, then a Page Parameter Prefix is required.
| Location | Blueprints | Description | When to use |
|---|---|---|---|
| Blueprints>Datastore Blueprint> Featured Events List | activity.featured_events | Filters event lists to ONLY display "Featured" events. |
|
|
|---|
Tab: Details
On the Details tab, a Title and List Only flag are configured.
- Title
The Blueprint name
- Section Header
This will display the Section Header/ title.
- Event List URL
This feature allows a custom event URL to display your event listings.
Tab: Store Configuration
On the Store Configuration tab, each setting chosen will dictate the filter applied to the list and set the page parameters.
- Category
This will filter the list by Content Category.
- Start Date
If left blank, the system will use the "Current" day. If a value is set, this will be the first date to display in the list.
- End Date
This is the last day to display the Activity List.
- Days
Enter the name of days you wish to display. The default, if left blank, will show 30 days.
- Featured Only Toggle
When ON, the smartlists can be set to show only "Featured" events.
- Groups
On the Groups tab, access is granted to the selected Groups.
- Tags
The Activity list can be filtered by the selected tags.
- Locations
The Activity list can be filtered for specific Program Locations.
- Page Size
This sets the number of activities displayed. Default is 25.
- Page Parameter Prefix
If more than one blue print is added to a page, and they use pagination, then a Page Parameter Prefix is required.
FAQ
Formats:
| Blueprints | Description | When to use |
|---|---|---|
| faq.accordion | Displays an accordion with questions as title and answers within the accordion body. Used when a condensed list is need within a page. |
|
|
|---|
Tab: Details
On the Details tab, a Title is entered.
- Title
The Blueprint name
Tab: Store Configuration
- Groups
On the Groups tab, access is granted to the selected Groups.
- Tags
The accordion can be filtered by the selected tags.
- Use Page Tags
If selected, this will apply the Site Page tags to the list filters.
Media Collection
Formats:
| Blueprints | Description | When to use |
|---|---|---|
| gallerymediaitem.resources | Displays a list of resources within a media manager Collection folder. Typically used to display folders and files within a collection folder. Display a list view of the media and details, an image icon, file name and image size display. | |
| gallerymediaitem.simple_list | Displays a list of resources within a media manager Collection folder. Typically used to display folders and files within a collection folder. Display in a list view, using the file name as the line item title, within the list. |
Media Gallery
Formats:
| Blueprints | Description | When to use |
|---|---|---|
| gallerymediaitem.carousel | Presents a collection of images, shows several images at once. They’re ideal for showing group of images or to use as a “Featured Product” slider for a homepage. | |
| gallerymediaitem.gallery | Displays image media as a gallery, it can include captions, links, title texts and alt text. | |
| gallerymediaitem.slider_-_four_up | Displays four centered images at a time. If more than 4 are present in the selected Gallery it will rotate the images. A count can be set to limit the number of images cycling through the display. For example, if 5 is chosen the | |
| gallerymediaitem.small_carousel | Presents a collection of images, shows several images at once. Ideal for showing a group of images within the page body. |
Job List and Search
Formats:
| Blueprints | Description | When to use |
|---|---|---|
| job.job_list_and_search | Presents jobs in a list view, filtered by the configuration Group settings. The job listing view is accompanied by a search feature. |
Link List
Formats:
| Blueprints | Description | When to use |
|---|---|---|
| linklistlink.four_wide | Associated links will display within 4 columns. Presented with a picture, title, teaser text and a "More" button. |
Location List
Formats:
| Blueprints | Description | When to use |
|---|---|---|
| Program.accordion_ | Displays Location details in an accordion style. | |
| Program.description_list | Displays Location details in a list, accompanied by a description. | |
| Program.facility_list | Displays list of all facilities titles. Configuration can filter this data by setting specific Categories or Groups. | |
| program.landing_page | Displays a list of all facilities titles, accompanied by a description. This is typically used on pages that show all the facilities for a given program. For example, if filtered by CYP, all related CYP facilities will display within the list. | |
| program.tab_layout | ||
| Program.tabs_horizontal | ||
| Program.tabs_vertical |
News List
Formats:
| Blueprints | Description | When to use |
|---|---|---|
| news.news_list | Presents news articles in a list view, filtered by the configuration of Group settings. | |
| news.ticker | Presents news teasers within a page. |
Custom Blueprints
Formats:
| Blueprints | Description | When to use |
|---|---|---|
| jsondata.anchor_sub-navigation | ||
| jsondata.blocktitle | ||
| jsondata.facebook_page_plugin | Uses Facebook's plugin to embed Facebook content into a webpage. | |
| jsondata.fadecarousel | ||
| jsondata.newsletter_signup | Inserts a newsletter form into a page. This will capture contact information and add to a subscriber list. | |
| jsondata.parallax | Add a parallax effect to an element, specifically an image. | |
| jsondata.program_spotlight | ||
| jsondata.slickcarousel | ||
| jsondata.social_iframe | Embeds social media into a page. | |
| jsondata.social_media_-_blue | ||
| jsondata.social_media_-_white | ||
| jsondata.youtube_video_embed | Allows the embedding of a youtube video. | |
| jsondata.social_iframe | Inserts an iframe into the page. |