Information

Get updates on changes to City services and closures.

View COVID-19 info and support

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