Contact information block

Contact information block overview

The contact information block is implementation of the pattern library component by the same name.

Objective

Configuration

The contact information block has a number of configuration options available:

Stacked contact information block option

Variables

Title: Contact Assessment
Subtitle:
Description:
ContactType: Facility
Layout: Stacked
Theme: Light
DataItemsLayout: One column
bg class: bg-light
ProfileImage: http://www.calgary.ca/PDA/Assessment/PublishingImages/ad-valorem-place.png, /PDA/Assessment/PublishingImages/ad-valorem-place.png
ProfileImageURL: http://www.calgary.ca/PDA/Assessment/PublishingImages/ad-valorem-place.png
ContactInformationItems: Ad Valorem Place address; Ad Valorem Place telephone; Ad Valorem Place TTY; Ad Valorem Place hours
IconsVisibility: Show all
toggleIcon:
ListCategory: Ad Valorem Place
ImageRatio: 4:3
ImageOffsetHorizontal: bg-pos-x-center
ImageOffsetVertical: bg-pos-y-top
DataDisplay:
CallToActionButtons: None
toggleUtilityCTA: d-none
toggleSecondaryCTA: d-none
UtilityCTAButton - Label:
UtilityCTAButton - Link:
UtilityCTAOpenInNewWindow: True
SecondaryCTAButton - Label:
SecondaryCTAButton - Link:
SecondaryCTAOpenInNewWindow: True
ImageVisibility: Show
FacilityAccessIcons:
AccessibilityLabel:
AccessibilityDetailsLink - Label:
AccessibilityDetailsLink - Link:
toggleUtilityCTA: d-none
toggleSecondaryCTA: d-none
toggleFooter: d-none
 

Contact Assessment

 


Horizontal contact information block option


Variables

Title: Southland Leisure Centre
Subtitle:
Description:
ContactType: Facility
Layout: Horizontal
Theme: White
DataItemsLayout: One column
bg class: bg-white
ProfileImage: http://www.calgary.ca/General/PatternLibrary/PublishingImages/sample-pages/southland-leisure-centre.jpg, /General/PatternLibrary/PublishingImages/southland-leisure-centre.jpg
ProfileImageURL: http://www.calgary.ca/General/PatternLibrary/PublishingImages/sample-pages/southland-leisure-centre.jpg
ContactInformationItems: SLC Location; SLC phone; SLC hours
IconsVisibility: Show all
toggleIcon:
ListCategory: SLC
ImageRatio: 4:3
ImageOffsetHorizontal: bg-pos-x-center
ImageOffsetVertical: bg-pos-y-center
DataDisplay:
CallToActionButtons: Utility
toggleUtilityCTA:
toggleSecondaryCTA: d-none
UtilityCTAButton - Label: Facility information and prices
UtilityCTAButton - Link: https://sptest-authoring.calgary.ca/CSPS/Recreation/Pages/Leisure-centres/Southland.aspx
UtilityCTAOpenInNewWindow: True
SecondaryCTAButton - Label:
SecondaryCTAButton - Link:
SecondaryCTAOpenInNewWindow: True
ImageVisibility: Show
FacilityAccessIcons: cicon-mobility-sq; cicon-white-cane-sq; cicon-FM-Infrared-system-sq
AccessibilityLabel: Accessibility
AccessibilityDetailsLink - Label: Additional accessibility information
AccessibilityDetailsLink - Link: https://sptest-authoring.calgary.ca/CSPS/Recreation/Pages/Leisure-centres/Southland-accessibility.aspx
toggleUtilityCTA:
toggleSecondaryCTA: d-none
toggleFooter:
 

Southland Leisure Centre

 

John Doe

Ward 2 Councillor

Date accepted:

January 4, 2021

general/privacy-policy,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null