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
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. |