Research and data

<!DOCTYPE HTML> <html lang="en"> <head> <title>Research and data</title> <meta property="og:title" content="Research and data"/> <meta property="og:PageType" content="article"/> <meta property="og:type" content="article"/> <meta property="og:site_name" content="https://www.calgary.ca"/> <meta property="og:url" content="https://www.calgary.ca/content/www/en/home/research.html"/> <meta property="og:locale" content="en "/> <meta property="og:image:type" content="image/jpeg"/> <meta property="og:image" content="https://www.calgary.ca/content/dam/www/social-media-card-images/default_2021-Social_Media_image.jpg"/> <meta name="twitter:site" content="@cityofcalgary"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:title" content="Research and data"/> <meta name="twitter:image" content="https://www.calgary.ca/content/dam/www/social-media-card-images/default_2021-Social_Media_image.jpg"/> <meta name="twitter:url" content="https://www.calgary.ca/content/www/en/home/research.html"/> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="keywords" content="calgary.ca Home,Customer Service & Communications"/> <meta name="template" content="primary-page-template"/> <meta name="DCSext.w_myCity_env" content="int"/> <meta name="org" content="People, Innovation & Collaboration Services/Customer Service & Communications;"/> <meta name="oldurl" content="/research.html"/> <meta name="DC.Creator" content="Customer Service & Communications"/> <meta name="DC.Title" content="Research and data"/>  <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/etc/clientlibs/www/main/images/favicon.ico"/>  <link rel="icon" type="image/vnd.microsoft.icon" href="/etc/clientlibs/www/main/images/favicon.ico"/> <link href="//fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700" rel="stylesheet" type="text/css"/> <link rel="canonical" href="https://www.calgary.ca/research.html"/>  <script src="//code.jquery.com/jquery-3.6.0.min.js" type="text/javascript"></script> <script src="https://code.jquery.com/ui/1.14.1/jquery-ui.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"></script>  <link rel="stylesheet" href="/etc/clientlibs/www/main.min.css" type="text/css"> <script src="/etc/clientlibs/www/main.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/jquery/granite/csrf.min.js"></script> <script src="//www1.calgary.ca/sdc/WTCalgarycaV3.load.js" type="text/javascript"></script>  <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-5R4PHXL');</script>   <script>if (window.document.documentMode) $(document).ready(function () { $("body").attr("data-browser", "ie11"); });</script> <script> //prehiding snippet for Adobe Target with asynchronous tags deployment ; (function (win, doc, style, timeout) { var STYLE_ID = 'at-body-style'; function getParent() { return doc.getElementsByTagName('head')[0]; } function addStyle(parent, id, def) { if (!parent) { return; } var style = doc.createElement('style'); style.id = id; style.innerHTML = def; parent.appendChild(style); } function removeStyle(parent, id) { if (!parent) { return; } var style = doc.getElementById(id); if (!style) { return; } parent.removeChild(style); } addStyle(getParent(), STYLE_ID, style); setTimeout(function () { removeStyle(getParent(), STYLE_ID); }, timeout); }(window, document, "body {opacity: 0 !important}", 250)); </script> <script src="//assets.adobedtm.com/launch-EN300d6f3dd9f74d8f85792c2dae95d30e.min.js" async></script> <script type="text/javascript" src="//script.crazyegg.com/pages/scripts/0027/9840.js" async="async"></script> </head> <body class="coc-pl">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5R4PHXL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="surveyType" style="display:none">Information</div> <div class="page-container "> <div class="row no-gutters global-banner-container"> <div class="col-12 "> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> </div> </div> </div> <div class="header"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="site-header aem-GridColumn aem-GridColumn--default--12"> <script type="text/javascript"> var searchModalId = "<?= 1 ?>"; </script> <script> $( document ).ready(function() { COC.Nav.init(); COC.Nav.initSecondaryNav(); }); </script> <header class="cui coc-header with-utility-nav curated-menu single-level-menu calgary-ca-header"> <div class="header-inner">  <ul class="skip-links"> <li><a href="#cocis-maincontent" class="skip-link">Skip to main content</a></li> </ul>  <a href="/home.html" class="coc-logo"> <img src="/etc/clientlibs/www/main/images/coc-logo-simplify.svg" class="coc-logo-mobile no-print" alt="Return to the Calgary.ca homepage"/> <img src="/etc/clientlibs/www/main/images/coc-logo.svg" class="coc-logo-desktop printarea" alt="Return to the Calgary.ca homepage"/> </a>  <script> $( document ).ready(function() { }); </script> <div id="searchBoxPlaceholder"></div> <div id="global-search-container" class="cui search-box d-none d-sm-block"> <form action="/search.html" method="get"> <label for="global-search-input" class="sr-only">Search</label> <input id="global-search-input" name="q" class="form-control search-box-input" type="text" placeholder="search calgary.ca"/> <button id="global-search-submit-btn" type="submit" class="cui search-box-btn btn-md icon-only primary"> <span class="cicon-search" aria-hidden="true"></span> <span class="sr-only">Submit search</span> </button> </form> </div> <button id="searchModalButton" class="cui search-box d-block d-sm-none" data-bs-toggle="modal" data-bs-target="#global-search-modal" aria-label="Click to open the search window"> <span class="form-control search-box-input"></span> <span class="cui search-box-btn btn-md icon-only primary"> <span class="cicon-search" aria-hidden="true"></span> <span class="sr-only">Submit search</span> </span> </button> <div id="global-search-modal" class="cui blocker modal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="false"> <div class="modal-dialog modal-fs-mobile" role="document"> <div class="modal-content"> <div class="modal-header"> <h2 id="modal-search-title-1" class="modal-title">Search</h2> <button type="button" class="btn-modal-close cui btn-md primary-text" data-bs-dismiss="modal">Close</button> </div> <div class="modal-body"> </div> </div> </div> </div> <div id="google_translate_element" class="cui footer-section no-print"></div> <script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element'); } </script> <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <nav id="sub-nav" class="cui utility-nav"> <ul class="nav-menu"> <li class="nav-item"> <a href="/content/www/en/home/311.html">311</a> </li> <li class="nav-item"> <a href="/content/www/en/home/careers.html">Careers</a> </li>    </ul> </nav>  <button class="cui nav-mega-btn-open" aria-haspopup="true" aria-expanded="false" aria-label="Open menu" aria-controls="nav-mega"> <span class="cicon-bars" aria-hidden="true"></span>  </button> </div> <nav id="related-links" class="cui related-links"> <ul class="nav-menu"> <span class="title">Also explore:</span> <li class="nav-item"> <a href="https://newsroom.calgary.ca/" target="_blank">News</a> </li> <li class="nav-item"> <a href="https://maps.calgary.ca" target="_blank">Maps</a> </li> </ul> </nav>  <nav id="nav-mega" class="cui nav-mega"> <button type="button" class="cui nav-mega-btn-close" aria-expanded="false" aria-label="Close menu" aria-controls="nav-mega"> Close<span class="cicon-close-thin-large" aria-hidden="true"></span> </button>  <ul class="nav-menu "> <li class="nav-item menu-header curated-menu"> <span tabindex="0" class="boldFont coc-secondary-9L">Menu</span> </li>   <li class="nav-item has-dropdown"> <a href="#">Programs and services <span class="cicon-angle-down" aria-hidden="true"></span></a> <div id="sub-nav-1" class="sub-nav" role="dialog" aria-hidden="true" aria-label="Menu item programs and services sub navigation"> <button class="cui btn-close-sub-nav-group" aria-label="Close navigation dialog" aria-controls="sub-nav-1"> Close<span class="cicon-close-thin-large" aria-hidden="true"></span> </button> <div class="row nav-group"> <div class="col-lg-12 menu-topic"> <a class="menu-topic-header" href="/services.html">Programs and services</a> <p>Information on all City services</p> </div> </div> <ul class="row nav-group cui catalogue-group"> <li class="col-lg-3 nav-p-0-mobile"> <a class="group-title" href="/properties.html"> <span class="cicon-home" aria-hidden="true"></span> <span class="group-title-text">Property, housing and neighbourhoods</span> <span class="group-title-desc">Includes water, waste, tax, and programs for your home and local community</span> </a> </li> <li class="col-lg-3 nav-p-0-mobile"> <a class="group-title" href="/transportation.html"> <span class="cicon-car" aria-hidden="true"></span> <span class="group-title-text">Transportation</span> <span class="group-title-desc">Moving around our city - by driving, walking, cycling, public transit, and more</span> </a> </li> <li class="col-lg-3 nav-p-0-mobile"> <a class="group-title" href="/development.html"> <span class="cicon-hammer-solid" aria-hidden="true"></span> <span class="group-title-text">Development and building</span> <span class="group-title-desc">Managing how we improve our city and share our spaces</span> </a> </li> <li class="col-lg-3 nav-p-0-mobile"> <a class="group-title" href="/public-personal-safety.html"> <span class="cicon-bylaws-public-safety" aria-hidden="true"></span> <span class="group-title-text">Public and personal safety</span> <span class="group-title-desc">Supporting safety with bylaws, programs, alerts and emergency preparation resources</span> </a> </li> <li class="col-lg-3 nav-p-0-mobile"> <a class="group-title" href="/for-business.html"> <span class="cicon-cash-register-solid" aria-hidden="true"></span> <span class="group-title-text">For business owners</span> <span class="group-title-desc">Setup, operation, and support for small and large businesses</span> </a> </li> <li class="col-lg-3 nav-p-0-mobile"> <a class="group-title" href="/parks-recreation.html"> <span class="cicon-parks-recreation" aria-hidden="true"></span> <span class="group-title-text">Parks and recreation</span> <span class="group-title-desc">Outdoor and indoor spaces to enjoy and play</span> </a> </li> <li class="col-lg-3 nav-p-0-mobile"> <a class="group-title" href="/planning.html"> <span class="cicon-map-pen" aria-hidden="true"></span> <span class="group-title-text">City planning</span> <span class="group-title-desc">Growing our city for today and for our future</span> </a> </li> <li class="col-lg-3 nav-p-0-mobile"> <a class="group-title" href="/social-services.html"> <span class="cicon-social-services" aria-hidden="true"></span> <span class="group-title-text">Social programs and services</span> <span class="group-title-desc">Services and support for various groups</span> </a> </li> <li class="col-lg-3 nav-p-0-mobile"> <a class="group-title" href="/buy-sell.html"> <span class="cicon-sack-dollar-solid" aria-hidden="true"></span> <span class="group-title-text">Buy and sell with The City</span> <span class="group-title-desc">Purchase from or supply goods and services to The City</span> </a> </li> <li class="col-lg-3 nav-p-0-mobile"> <a class="group-title" href="/pets.html"> <span class="cicon-paw" aria-hidden="true"></span> <span class="group-title-text">Pets</span> <span class="group-title-desc">Sharing the city with our animal friends</span> </a> </li> <li class="col-lg-3 nav-p-0-mobile"> <a class="group-title" href="/environment.html"> <span class="cicon-leaf" aria-hidden="true"></span> <span class="group-title-text">Climate and environment</span> <span class="group-title-desc">Climate, nature, and the city's urban habitat</span> </a> </li> </ul> </div> </li>        <li class="nav-item has-dropdown"> <a href="#">Get involved<span class="cicon-angle-down" aria-hidden="true"></span></a> <div id="sub-nav-1" class="sub-nav" role="dialog" aria-hidden="true" aria-label="Menu item get involved sub navigation"> <button class="cui btn-close-sub-nav-group" aria-label="Close navigation dialog" aria-controls="sub-nav-1"> Close<span class="cicon-close-thin-large" aria-hidden="true"></span> </button> <div class="row nav-group"> <div class="col-lg-12 menu-topic"> <a class="menu-topic-header" href="/get-involved.html">Get involved</a> <p>Experience and participate in making life better every day in Calgary</p> </div> </div> <ul class="row nav-group cui catalogue-group"> <li class="nav-p-0-mobile col-lg-3"> <a class="group-title" href="/events.html"> <span class="cicon-calendar" aria-hidden="true"></span> <span class="group-title-text">Events</span> <span class="group-title-desc">Join in activities, sessions, and celebrations throughout the year</span> </a> </li> <li class="nav-p-0-mobile col-lg-3"> <a class="group-title" href="/volunteer.html"> <span class="cicon-hand-heart-solid" aria-hidden="true"></span> <span class="group-title-text">Volunteer opportunities</span> <span class="group-title-desc">Help fellow Calgarians experience our city</span> </a> </li> <li class="nav-p-0-mobile col-lg-3"> <a class="group-title" href="/info-requests.html"> <span class="cicon-call-center-person" aria-hidden="true"></span> <span class="group-title-text">Citizen information requests</span> <span class="group-title-desc">How to report issues and concerns and request information from the City</span> </a> </li> <li class="nav-p-0-mobile col-lg-3"> <a class="group-title" href="/accountability.html"> <span class="cicon-balance-scale" aria-hidden="true"></span> <span class="group-title-text">Government accountability programs</span> <span class="group-title-desc">Share your concerns about conduct and integrity of City representatives</span> </a> </li> <li class="nav-p-0-mobile col-lg-3"> <a class="group-title" href="/engagement.html"> <span class="cicon-comments" aria-hidden="true"></span> <span class="group-title-text">Public Engagement and Participation opportunities</span> <span class="group-title-desc">Provide input on initiatives or present your own ideas</span> </a> </li> <li class="nav-p-0-mobile col-lg-3"> <a class="group-title" href="/get-involved/elections.html"> <span class="cicon-times-square" aria-hidden="true"></span> <span class="group-title-text">City elections</span> <span class="group-title-desc">Your vote matters. Learn how you can participate in city elections.</span> </a> </li> <li class="nav-p-0-mobile col-lg-3"> <a class="group-title" href="/awards.html"> <span class="cicon-trophy" aria-hidden="true"></span> <span class="group-title-text">Civic awards and recognition</span> <span class="group-title-desc">Celebrate those contributing to life in our city</span> </a> </li> <li class="nav-p-0-mobile col-lg-3"> <a class="group-title" href="/appeals.html"> <span class="cicon-gavel" aria-hidden="true"></span> <span class="group-title-text">Appeals and appeal boards</span> <span class="group-title-desc">How to make an appeal on decisions made by the City</span> </a> </li> </div> </li>         <li class="nav-item has-dropdown"> <a href="#" aria-expanded="false" aria-haspopup="true">City Council<span class="cicon-angle-down" aria-hidden="true"></span></a> <div id="sub-nav-2" class="sub-nav" role="dialog" aria-hidden="true" aria-label="Menu item council sub navigation"> <button class="cui btn-close-sub-nav-group" aria-label="Close navigation dialog" aria-controls="sub-nav-2"> Close<span class="cicon-close-thin-large" aria-hidden="true"></span> </button> <div class="row nav-group"> <div class="col-lg-12 menu-topic"> <a class="menu-topic-header" href="/council/citycouncil.html">City council</a> <p>Calgary's elected officials and the City's main governing body</p> <div class="row menu-call-to-action-container"> <div class="col-lg-12"> <a class="cui btn-sm utility-btn-solid " href="/council/findyourcouncillor.html">Find your councillor & ward</a> <a class="cui btn-sm utility-btn-solid " href="/council/dyncrm-councillors-contact.html">Contact your Councillor</a> <a class="cui btn-sm utility-btn-solid" href="/council/council-and-committee-webcasts.html">Watch live Council webcasts</a> </div> </div> </div> </div> <ul class="row nav-group"> <li class="nav-p-0-mobile col-lg-6"> <ul class="cui catalogue-group "> <li> <ul class="group-links mb-0"> <li> <a href="/council/mayor.html" class="bold-font">Office of the Mayor - Jyoti Gondek</a> </li> </ul> </li> <li> <ul class="group-links col-count-2"> <li><a href="/council/ward-1/warddefault.html" class="bold-font">Ward 1 - Sonya Sharp</a></li> <li><a href="/council/ward-2/warddefault.html" class="bold-font">Ward 2 - Jennifer Wyness</a></li> <li><a href="/council/ward-3/warddefault.html" class="bold-font">Ward 3 - Jasmine Mian</a></li> <li><a href="/council/ward-4/warddefault.html" class="bold-font">Ward 4 - Sean Chu</a></li> <li><a href="/council/ward-5/warddefault.html" class="bold-font">Ward 5 - Raj Dhaliwal</a></li> <li><a href="/council/ward-6/warddefault.html" class="bold-font">Ward 6</a></li> <li><a href="/council/ward-7/warddefault.html" class="bold-font">Ward 7 - Terry Wong</a></li> <li><a href="/council/ward-8/warddefault.html" class="bold-font">Ward 8 - Courtney Walcott</a></li> <li><a href="/council/ward-9/warddefault.html" class="bold-font">Ward 9 - Gian-Carlo Carra</a></li> <li><a href="/council/ward-10/warddefault.html" class="bold-font">Ward 10 - Andre Chabot</a></li> <li><a href="/council/ward-11/warddefault.html" class="bold-font">Ward 11 - Kourtney Penner</a></li> <li><a href="/council/ward-12/warddefault.html" class="bold-font">Ward 12 - Evan Spencer</a></li> <li><a href="/council/ward-13/warddefault.html" class="bold-font">Ward 13 - Dan McLean</a></li> <li><a href="/council/ward-14/warddefault.html" class="bold-font">Ward 14 - Peter Demong</a></li> </ul> </li> </ul> </li> <li class="nav-p-0-mobile col-lg-6 border-left"> <ul class="cui catalogue-group"> <li> <ul class="group-links"> <li> <a href="/council/meetings/legislative-services.html">Council meetings</a> </li> <li> <a href="/council/city-council-accountability.html">Accountability</a> </li> <li> <a href="/council/about-calgary-city-council.html">About council</a> </li> <li> <a href="/council/councillors-and-wards.html">General ward information</a> </li> </ul> </li> </ul> </li> </ul> </div> </li>      <li class="nav-item has-dropdown"> <a href="#">Our organization<span class="cicon-angle-down" aria-hidden="true"></span></a> <div id="sub-nav-1" class="sub-nav" role="dialog" aria-hidden="true" aria-label=" Menu item our organization sub navigation"> <button class="cui btn-close-sub-nav-group" aria-label="Close navigation dialog" aria-controls="sub-nav-1"> Close<span class="cicon-close-thin-large" aria-hidden="true"></span> </button> <div class="row nav-group"> <div class="col-lg-12 menu-topic"> <a class="menu-topic-header" href="/about-us.html">Our organization</a> <p>Calgary's administration and staff</p> </div> </div> <ul class="row nav-group cui catalogue-group"> <li class="nav-p-0-mobile col-lg-4"> <a class="group-title" href="/service-lines.html"> <span class="cicon-person-pie-chart" aria-hidden="true"></span> <span class="group-title-text">Service plans and budgets</span> <span class="group-title-desc">Information on services The City delivers to Calgarians, including performance metrics and budgets</span> </a> </li> <li class="nav-p-0-mobile col-lg-4"> <a class="group-title" href="/our-finances.html"> <span class="cicon-chart-mixed-solid" aria-hidden="true"></span> <span class="group-title-text">Our finances</span> <span class="group-title-desc">Financial facts, reports, and planning information</span> </a> </li> <li class="nav-p-0-mobile col-lg-4"> <a class="group-title" href="/our-leadership.html"> <span class="cicon-people-group-solid" aria-hidden="true"></span> <span class="group-title-text">Our leadership</span> <span class="group-title-desc">The senior administration of City staff</span> </a> </li> <li class="nav-p-0-mobile col-lg-4"> <a class="group-title" href="/major-projects.html"> <span class="cicon-helmet-safety-solid" aria-hidden="true"></span> <span class="group-title-text">Major projects and initiatives</span> <span class="group-title-desc">Ongoing City-directed efforts with large impacts for our city</span> </a> </li> <li class="nav-p-0-mobile col-lg-4"> <a class="group-title" href="/our-strategy/overview.html"> <span class="cicon-arrows-turn-to-dots-solid" aria-hidden="true"></span> <span class="group-title-text">Our strategy</span> <span class="group-title-desc">How we are aligned to deliver on Council's direction</span> </a> </li> <li class="nav-p-0-mobile col-lg-4"> <a class="group-title" href="/our-services.html"> <span class="cicon-sitemap" aria-hidden="true"></span> <span class="group-title-text">About City of Calgary services</span> <span class="group-title-desc">How we work and how we are structured as an organization</span> </a> </li> </ul> </div> </li>   </ul>  <nav id="sub-nav" class="cui utility-nav mobile"> <ul class="nav-menu"> <li class="nav-item"> <a href="/content/www/en/home/311.html">311</a> </li> <li class="nav-item"> <a href="/content/www/en/home/careers.html">Careers</a> </li>    </ul> </nav> <nav id="related-links" class="cui related-links mobile"> <ul class="nav-menu"> <span class="title">Also explore:</span> <li class="nav-item"> <a href="https://newsroom.calgary.ca/" target="_blank">News</a> </li> <li class="nav-item"> <a href="https://maps.calgary.ca" target="_blank">Maps</a> </li> </ul> </nav> </nav> </header> </div> </div> </div> <div class="row no-gutters global-inline-banner-container"> <div class="col-12 "> </div> </div> <div class="container-fluid pl-0 pr-0 coc-content-wrapper"> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="global-inline-notification aem-GridColumn aem-GridColumn--default--12"> <div class="global-inline-banner-container"> </div></div> <div class="subsite-analytics aem-GridColumn aem-GridColumn--default--12"> <div class="global-inline-package-container"> <script> ////////////////////////////////////// // Global Mega Nav Clicks Top Level // ////////////////////////////////////// $(document).ready(function() { $('#nav-mega > ul > li > a').click(function(e) { var gaCategory = "Global Mega Nav Clicks Top Level"; var ClickfromPage = window.location.href; var eventAction = $(this).text().trim(); ///////Find Menu Items With Sub Menu////////////// ///////Capeture Click on Closed Items Only//////// if ($(e.target).parent().hasClass('nav-item has-dropdown') ) { if ( $(e.target).parent().hasClass('open')) { ga('send', 'event', gaCategory, eventAction , ClickfromPage ); } } ////////Find Menu Items With no Sub Menu////////////// else { ga('send', 'event', gaCategory, eventAction , ClickfromPage ); COC.Analytics.DelayClickthrough(this); } }); }); </script> </div> </div> <div class="wordmarkpar generic page basicpage aem-GridColumn aem-GridColumn--default--12"><div class="row wordmark-container"> <div class="col-12"> </div> </div> </div> <div class="breadcrumbpar aem-GridColumn aem-GridColumn--default--12"> <div id="topic-breadcrumb-container" class="topic-breadcrumb-container cui d-none d-lg-flex full-width"> <div class="placeholder" aria-hidden="true"></div> <div class="topic-breadcrumb-content"> <div class="wrap"> <nav aria-label="Parent topic:"> <ol class="cui breadcrumb breadcrumb-topic"> <li><a href="/home.html"><span class="cicon-angle-left" aria-hidden="true"></span><span class="text">calgary.ca Home</span></a></li> </ol> </nav> </div> </div> </div> <script> $(document).ready(function(){ if ( $(".wordmark-content-container").length ) { $(".topic-breadcrumb-container").addClass ( "mt-0" ); } else { $(".topic-breadcrumb-container").removeClass ( "mt-0" ); } }); </script></div> <div class="breadcrumb-nav aem-GridColumn aem-GridColumn--default--12"> <style> .cui.breadcrumb.breadcrumb-nav li::before { font-family:"cicon" !important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#6f7277; display:inline-block; font-size:.5625rem; content:"\e159"; padding:0 .375rem } </style></div> <div class="maincontentpar aem-GridColumn aem-GridColumn--default--12"> <div class="row no-gutters coc-content full-width"> <div class="col-12 col-lg-9 main-content-container" id="cocis-maincontent"> <div class="container-fluid pr-0 pl-0"> <div class="container"> <div class="row no-gutters mx-auto"> <div class="col-12"> <div id="topic-breadcrumb-container" class="topic-breadcrumb-container cui d-flex d-lg-none full-width"> <div class="placeholder" aria-hidden="true"></div> <div class="topic-breadcrumb-content pl-0"> <div class="wrap"> <nav aria-label="Parent topic:"> <ol class="cui breadcrumb breadcrumb-topic"> <li><a href="/home.html"><span class="cicon-angle-left" aria-hidden="true"></span><span class="text">calgary.ca Home</span></a></li> </ol> </nav> </div> </div> </div> <h1 class="coc-content-page-title ">Research and data</h1> </div> </div> </div> <div class="row no-gutters"> <div class="col-12 mx-auto"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="grid-layout aem-GridColumn aem-GridColumn--default--12"> <div class="container "> <div class="row"> <div class="col-12 col-md-12"> <div class="content-block"> <div class="content-block-flex row no-gutters flexible-image-height mb-responsive"> <div class="content-block-media col-sm-6 col-md-4"> <img class="mobile-image " alt="" src="/content/dam/www/uep/water/publishingimages/floodinfo/flood-maps-card.jpg"/> <div class="background-image bg-pos-x-center bg-pos-y-center sm" style="background-image: url('/content/dam/www/uep/water/publishingimages/floodinfo/flood-maps-card.jpg');"></div> </div> <div class="content-block-body col-sm-6 col-md-8"> <h2>See our maps gallery</h2> <span class="subtitle"></span> <a href="https://mapgallery.calgary.ca/" class="cui btn-md utility-btn-solid mb-xs mr-sm" target="_blank"> Go to maps gallery </a> </div> </div> </div> <div class="content-block"> <div class="content-block-flex row no-gutters flexible-image-height mb-responsive "> <div class="content-block-body col-sm-6 col-md-6"> <h2>View and use information in our Open Data Portal</h2> <span class="subtitle"></span> <a href="https://data.calgary.ca/" class="cui btn-md utility-btn-solid mb-xs mr-sm" target="_blank"> Go to Open Data Portal </a> </div> <div class="content-block-media col-sm-6 col-md-6 "> <img class="mobile-image" alt="" src="/content/dam/www/ca/city-manager/publishingimages/service-plans-budgets/2023-2026/data-analysis-information-access-service.jpg"/> <div class="background-image bg-pos-x-center bg-pos-y-center sm" style="background-image: url('/content/dam/www/ca/city-manager/publishingimages/service-plans-budgets/2023-2026/data-analysis-information-access-service.jpg');"></div> </div> </div> </div> <div class="heading"> <div class="subtitle-block cui red-underline "> <h2> Topics in this section </h2> <hr aria-hidden="true"/> </div> </div> <div class="card-set"> <script src="/etc.clientlibs/www/components/content/card-set-scrolling/clientlibs.min.js"></script> <script src="/etc.clientlibs/www/components/content/card-set/clientlibs.min.js"></script>  <script> var COC = COC || {}; COC.CardSetAnalytics = (function($) { $(document).ready(function(){ // Basic $('.card-set').find('.card-inherit-row-size').find('a').click(function(){ console.log("--- Card basic click"); var title = $(this).find('.card-title').text().replace(/[^a-zA-Z 0-9]+/g, ''); CollectWTCard("Card-Button", title); }); // Video $('.card-set').find('.card-inherit-row-size').find('.btn-video').click(function(){ console.log("--- Card video click"); var title = $(this).closest('.cui.card').find('.card-body').find('.card-title').text().replace(/[^a-zA-Z 0-9]+/g, ''); CollectWTCard("Card-Video", title); }); }); function CollectWTCard(name, strBtnTitle) { COC.Analytics.wt({ dcCreator: COC.Analytics.GetMetaDCCreatorContent(), dcTitle: COC.Analytics.GetMetaDCTitleContent(), name: name, comment: strBtnTitle }); } })(jQuery); </script> <div id="content-card_set" class="cui card-sets disabled-mobile-view mb-responsive">    <div class="row"> <div class="col-12"> </div> </div>  <ul class="row row-equal-height-cards card-row-size-3 "> <li class='card-inherit-row-size'>  <div class="pre-wrap"> <div class="cui card without-media block-link"> <div class="card-body"> <div class="card-header-wrapper"> <h3 class="card-title"> <a href="/research/community.html">Social, community and demographics research</a> </h3> </div> <div> </div> </div> </div>   </div> </li> <li class='card-inherit-row-size'>  <div class="pre-wrap"> <div class="cui card without-media block-link"> <div class="card-body"> <div class="card-header-wrapper"> <h3 class="card-title"> <a href="/research/city-research.html">Research with Calgarians</a> </h3> </div> <div> </div> </div> </div>   </div> </li> <li class='card-inherit-row-size'>  <div class="pre-wrap"> <div class="cui card without-media block-link"> <div class="card-body"> <div class="card-header-wrapper"> <h3 class="card-title"> <a href="/research/corporate-economics.html">Economic research</a> </h3> </div> <div> </div> </div> </div>   </div> </li> <li class='card-inherit-row-size'>  <div class="pre-wrap"> <div class="cui card without-media block-link"> <div class="card-body"> <div class="card-header-wrapper"> <h3 class="card-title"> <a href="/research/site-information-database.html">Environmental Site Information Management System (SIMS)</a> </h3> </div> <div> </div> </div> </div>   </div> </li> <li class='card-inherit-row-size'>  <div class="pre-wrap"> <div class="cui card without-media block-link"> <div class="card-body"> <div class="card-header-wrapper"> <h3 class="card-title"> <a href="/research/city-data.html">Licencing City data</a> </h3> </div> <div> </div> </div> </div>   </div> </li> </ul>  </div> <style> .card-set.cq-Editable-dom .newpar { width:94%; margin:0 auto; } .card-set.cq-Editable-dom .row-masonry .newpar { position:absolute; bottom:-55px; left:3%; margin:0; } .aem-AuthorLayer-Edit .card-set { padding-bottom:65px !important; position:relative; } </style> </div> <div class="heading"> <div class="subtitle-block cui red-underline "> <h2> Reports and studies </h2> <hr aria-hidden="true"/> </div> </div> <div class="card-set">  <script> var COC = COC || {}; COC.CardSetAnalytics = (function($) { $(document).ready(function(){ // Basic $('.card-set').find('.card-inherit-row-size').find('a').click(function(){ console.log("--- Card basic click"); var title = $(this).find('.card-title').text().replace(/[^a-zA-Z 0-9]+/g, ''); CollectWTCard("Card-Button", title); }); // Video $('.card-set').find('.card-inherit-row-size').find('.btn-video').click(function(){ console.log("--- Card video click"); var title = $(this).closest('.cui.card').find('.card-body').find('.card-title').text().replace(/[^a-zA-Z 0-9]+/g, ''); CollectWTCard("Card-Video", title); }); }); function CollectWTCard(name, strBtnTitle) { COC.Analytics.wt({ dcCreator: COC.Analytics.GetMetaDCCreatorContent(), dcTitle: COC.Analytics.GetMetaDCTitleContent(), name: name, comment: strBtnTitle }); } })(jQuery); </script> <div id="content-card_set_copy" class="cui card-sets disabled-mobile-view mb-responsive">    <div class="row"> <div class="col-12"> </div> </div>  <ul class="row row-equal-height-cards card-row-size-3 "> <li class='card-inherit-row-size'>  <div class="pre-wrap"> <div class="cui card without-media block-link"> <div class="card-body"> <div class="card-header-wrapper"> <h3 class="card-title"> <a href="https://www.calgary.ca/buy-sell/supply-to-city.html#Forced">Forced and Child Labour in Canadian Supply Chains</a> </h3> </div> <div> </div> </div> </div>   </div> </li> <li class='card-inherit-row-size'>  <div class="pre-wrap"> <div class="cui card without-media block-link"> <div class="card-body"> <div class="card-header-wrapper"> <h3 class="card-title"> <a href="/research/downtown-snapshot.html">Downtown Snapshot</a> </h3> </div> <div> </div> </div> </div>   </div> </li> <li class='card-inherit-row-size'>  <div class="pre-wrap"> <div class="cui card without-media block-link"> <div class="card-body"> <div class="card-header-wrapper"> <h3 class="card-title"> <a href="/research/downtown-report.html">State of Downtown Calgary report</a> </h3> </div> <div> </div> </div> </div>   </div> </li> <li class='card-inherit-row-size'>  <div class="pre-wrap"> <div class="cui card without-media block-link"> <div class="card-body"> <div class="card-header-wrapper"> <h3 class="card-title"> <a href="/research/suburban-residential-growth.html">Suburban Residential Growth Report</a> </h3> </div> <div> </div> </div> </div>   </div> </li> <li class='card-inherit-row-size'>  <div class="pre-wrap"> <div class="cui card without-media block-link"> <div class="card-body"> <div class="card-header-wrapper"> <h3 class="card-title"> <a href="/research/covid-19-community-impacts.html">COVID-19 Community impacts</a> </h3> </div> <div> </div> </div> </div>   </div> </li> </ul>  </div> <style> .card-set.cq-Editable-dom .newpar { width:94%; margin:0 auto; } .card-set.cq-Editable-dom .row-masonry .newpar { position:absolute; bottom:-55px; left:3%; margin:0; } .aem-AuthorLayer-Edit .card-set { padding-bottom:65px !important; position:relative; } </style> </div> <div class="heading"> <div class="subtitle-block cui red-underline "> <h2> You may also be interested in </h2> <hr aria-hidden="true"/> </div> </div> <div class="card-set">  <script> var COC = COC || {}; COC.CardSetAnalytics = (function($) { $(document).ready(function(){ // Basic $('.card-set').find('.card-inherit-row-size').find('a').click(function(){ console.log("--- Card basic click"); var title = $(this).find('.card-title').text().replace(/[^a-zA-Z 0-9]+/g, ''); CollectWTCard("Card-Button", title); }); // Video $('.card-set').find('.card-inherit-row-size').find('.btn-video').click(function(){ console.log("--- Card video click"); var title = $(this).closest('.cui.card').find('.card-body').find('.card-title').text().replace(/[^a-zA-Z 0-9]+/g, ''); CollectWTCard("Card-Video", title); }); }); function CollectWTCard(name, strBtnTitle) { COC.Analytics.wt({ dcCreator: COC.Analytics.GetMetaDCCreatorContent(), dcTitle: COC.Analytics.GetMetaDCTitleContent(), name: name, comment: strBtnTitle }); } })(jQuery); </script> <div id="content-card_set_copy_copy" class="cui card-sets disabled-mobile-view mb-responsive">    <div class="row"> <div class="col-12"> </div> </div>  <ul class="row row-equal-height-cards card-row-size-3 "> <li class='card-inherit-row-size'>  <div class="pre-wrap"> <div class="cui card without-media block-link"> <div class="card-body"> <div class="card-header-wrapper"> <h3 class="card-title"> <a href="/service-lines/2023-2026-city-services.html">2023-2026 Services lines and Budgets</a> </h3> </div> <div> </div> </div> </div>   </div> </li> <li class='card-inherit-row-size'>  <div class="pre-wrap"> <div class="cui card without-media block-link"> <div class="card-body"> <div class="card-header-wrapper"> <h3 class="card-title"> <a href="/planning.html">City planning and studies</a> </h3> </div> <div> </div> </div> </div>   </div> </li> <li class='card-inherit-row-size'>  <div class="pre-wrap"> <div class="cui card without-media block-link"> <div class="card-body"> <div class="card-header-wrapper"> <h3 class="card-title"> <a href="/council/meetings/agenda-minutes-search.html">Search Council and committee agendas and minutes</a> </h3> </div> <div> </div> </div> </div>   </div> </li> <li class='card-inherit-row-size'>  <div class="pre-wrap"> <div class="cui card without-media block-link"> <div class="card-body"> <div class="card-header-wrapper"> <h3 class="card-title"> <a href="/311/dashboards.html">311 Request dashboards</a> </h3> </div> <div> </div> </div> </div>   </div> </li> <li class='card-inherit-row-size'>  <div class="pre-wrap"> <div class="cui card without-media block-link"> <div class="card-body"> <div class="card-header-wrapper"> <h3 class="card-title"> <a href="/research/city-research.html">Participate in City research</a> </h3> </div> <div> </div> </div> </div>   </div> </li> <li class='card-inherit-row-size'>  <div class="pre-wrap"> <div class="cui card without-media block-link"> <div class="card-body"> <div class="card-header-wrapper"> <h3 class="card-title"> <a href="/info-requests/archives/overview.html">City archives</a> </h3> </div> <div> </div> </div> </div>   </div> </li> </ul>  </div> <style> .card-set.cq-Editable-dom .newpar { width:94%; margin:0 auto; } .card-set.cq-Editable-dom .row-masonry .newpar { position:absolute; bottom:-55px; left:3%; margin:0; } .aem-AuthorLayer-Edit .card-set { padding-bottom:65px !important; position:relative; } </style> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></div> <div class="bottomcontentpar aem-GridColumn aem-GridColumn--default--12"><div class="container-fluid pr-0 pl-0"> <div class="row"> <div class="col-12"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> </div> </div> </div> </div></div> <div class="disclaimerpar generic page basicpage aem-GridColumn aem-GridColumn--default--12"><div class="disclaimer-container coc-secondary-10L"> </div> </div> <div class="vocpar generic page basicpage aem-GridColumn aem-GridColumn--default--12"><div class="disclaimer-container coc-secondary-10L"> <script src="/etc.clientlibs/www/components/structure/voc-test/clientlibs.min.js"></script> <script src="/etc.clientlibs/www/components/structure/voc/clientlibs.min.js"></script> <style> .modal-backdrop.in { display: none; } </style> <button class="cui btn-sm utility-btn-solid pagefeedback" data-bs-toggle="modal" data-bs-target="#pagefeedback" id="pagefeedback-btn"> Page feedback <span class="cicon-angle-double-up right" aria-hidden="true"></span> </button> <button class="cui btn-sm primary websitefeedback" data-bs-toggle="modal" data-bs-target="#websitefeedback" id="websitefeedback-btn"> <span class="btn-wrapper"> <span class="btn-text"> Help us improve calgary.ca </span> <span class="cicon-angle-double-up right" aria-hidden="true"></span> </span> </button> <div data-buttons-style='hide-buttons' id="data-buttons-style"> </div> <div class="page-exclude d-none">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,undefined/null</div> <style> .vocpar .btn-sm.cui.stackedpagefeedback { display: inline-block; position: fixed; right: 0; //width: 12rem; width: fit-content !important; transform: rotate(270deg) !important; -webkit-transform: rotate(270deg) !important; -ms-transform: rotate(270deg) !important; transform-origin: right bottom; -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; top: 50% !important; height: 2rem; z-index: 10001; font-size: 0.9rem !important; } .vocpar .websitemodal-footer{ position: absolute; left: 0; width: 100%; bottom: 0; margin-left: 0 !important; margin-right: 0 !important; } .vocpar .pagemodal-footer{ position: absolute; } @media (min-width: 768px) { body.modal-websitefeedback-open #websitefeedback .modal-dialog.modal-dialog-voc { display: flex !important; align-items: center; height: 100vh; } body.modal-pagefeedback-open #pagefeedback .modal-dialog.modal-dialog-voc .modal-content { top: 50%; } } @media (min-width: 992px) { body.modal-pagefeedback-open #pagefeedback .modal-dialog.modal-dialog-voc .modal-content { top: 60%; } } @media (min-width: 1050px) { .vocpar .btn-sm.cui.stackedpagefeedback { top: 50% !important; height: 2rem !important; } } body.modal-pagefeedback-openstacked .side-btnstacked.pageclose-btn { z-index: 5000 !important; } </style> <script> //COC.Components.voc.init(); var delay = 90; var controller_enableDelay = "animate__delay-" + 90 + "s"; var page_exclude = $(".page-exclude").text(); var aa = page_exclude.split(','); var voc_url = document.URL; var i; for (i = 0; i < aa.length; i++) { if (voc_url.includes(aa[i])) { $("#pagefeedback-btn, #websitefeedback-btn").remove(); // $("#pagefeedback").removeClass("15 30 90 delay animate__animated animate__fadeInRight "); //$(".modal-backdrop-test").addClass("d-none"); } } </script> <div id="pagefeedback" class="cui modal information delay 90" tabindex="-1" role="dialog" aria-labelledby="unique-pagefeedback" aria-hidden="true" style="z-index:21474836391111!important"> <div class="modal-dialog modal-dialog-voc modal-fs-mobile " role="document"> <button type="button" class="btn-modal-close cui btn-sm primary-text pageclose-btn side-btn" data-bs-dismiss="modal">Page feedback<span class="cicon-angle-double-up right" aria-hidden="true"></span></button> <div class="modal-content voc-modal-content" id="voc-blanck-pagelevel"> <div class="modal-header"> <h2 id="unique-pagefeedback" class="modal-title">Tell us how we're doing</h2> <button type="button" class="btn-modal-close cui btn-md primary-text pageclose-btn" data-bs-dismiss="modal">Close</button> </div> <div class="modal-body" id="pagereceiver"> <p class="mb-0">By beginning this survey you accept our <a href="https://www.calgary.ca/general/privacy-policy.html" target="_blank">privacy policy</a></p> <hr aria-hidden="true"/> <form method="POST" action="#" id="pagefeedback" onsubmit="event.preventDefault();" name="pagefeedback" enctype="multipart/form-data" target="pagereceiver" data-pl-frm-vld="true" data-pl-frm-ctrl="true"> <input type="hidden" name=":formstart" value=""/><input type="hidden" name="_charset_" value="utf-8"/> <input type="hidden" id="validateredirect" name=":redirect" value="/content/platform.html"/>  <fieldset class="form-group form-option-radio-block"> <legend>Did you find the information you were looking for?</legend> <label class="form-check-radio-label" for="q1"><input id="q1" name="q1" type="radio" value="easily"/>Yes, easily</label> <label class="form-check-radio-label" for="ex-radio-2"><input id="ex-radio-2" name="q1" type="radio" value="eventually"/>Yes, eventually</label> <label class="form-check-radio-label" for="ex-radio-3"><input id="ex-radio-3" name="q1" type="radio" value="no"/>No</label> </fieldset> <fieldset class="form-group " id="pageFeedback-group"> <legend>What would make this page more useful? (<span id="page_current_comment">0</span><span id="page_maximum_comment">/255</span>)</legend> <textarea id="pageFeedback-useful" name="pageFeedback-useful" class="form-control" rows="3" placeholder="Max: 255 Characters" maxlength="255"></textarea> </fieldset> <fieldset class="form-group mb-responsive"> <legend>How satisfied are you with this page? </legend> <p class="form-text mb-xs" id="help-text-10">(1 is very dissatisfied and 5 is very satisfied)</p> <span class="number-cb-group"> <label for="rating-1"><input type="radio" aria-describedby="help-text-10" id="rating-1" name="rating" value="1"/><span class="label-text">1</span></label> <label for="rating-2"><input type="radio" aria-describedby="help-text-10" id="rating-2" name="rating" value="2"/><span class="label-text">2</span></label> <label for="rating-3"><input type="radio" aria-describedby="help-text-10" id="rating-3" name="rating" value="3"/><span class="label-text">3</span></label> <label for="rating-4"><input type="radio" aria-describedby="help-text-10" id="rating-4" name="rating" value="4"/><span class="label-text">4</span></label> <label for="rating"><input type="radio" aria-describedby="help-text-10" id="rating" name="rating" value="5"/><span class="label-text">5</span></label> </span> <div class='rating page-error'></div> </fieldset>  <div class="form-footer pagemodal-footer"> <button class="cui btn-md primary" type="submit" id="pagefeedback-modelbtn"> <span class="btn-wrapper"><span class="btn-text">Send feedback</span><span class="cicon-angle-right right" aria-hidden="true"></span> </span> </button> </div> </form> </div> </div> </div> </div> <div style="z-index:21474836391111!important" id="websitefeedback" class="cui modal animate__fadeInUp animate__delay-200ms animate__animated animate__faster" tabindex="-1" role="dialog" aria-labelledby="unique-websitefeedback" aria-hidden="true"> <div class="modal-dialog modal-dialog-voc modal-fs-mobile " role="document"> <div class="modal-content voc-modal-content"> <div class="modal-header"> <h2 id="unique-websitefeedback" class="modal-title">Website feedback</h2> <button type="button" class="btn-modal-close cui btn-md primary-text websiteclose-btn" data-bs-dismiss="modal">Close</button> </div> <div class="modal-body" id="receiver1"> <form method="POST" action="#" id="websitefeedback" name="websitefeedback" enctype="multipart/form-data" target="receiver1" data-pl-frm-vld="true" data-pl-frm-ctrl="true"> <input type="hidden" name=":webformstart" value=""/><input type="hidden" name="_charset_" value="utf-8"/> <input type="hidden" id="webvalidateredirect" name=":redirect" value="/content/platform.html"/> <div class="pagination-container"> <div data-page="1"> <p class="mb-0">By beginning this survey you accept our <a href="https://www.calgary.ca/general/privacy-policy.html" target="_blank">privacy policy</a></p> <hr aria-hidden="true"/> <fieldset class="form-group " id="webrating-group-1"> <legend>Overall satisfaction with Calgary.ca </legend> <p class="form-text mb-xs" id="help-text">(1 is very dissatisfied and 5 is very satisfied)</p> <span class="number-cb-group"> <label for="webrating-11"><input aria-describedby="help-text" type="radio" id="webrating-11" name="webrating-1" value="1"/><span class="label-text">1</span></label> <label for="webrating-12"><input aria-describedby="help-text" type="radio" id="webrating-12" name="webrating-1" value="2"/><span class="label-text">2</span></label> <label for="webrating-13"><input aria-describedby="help-text" type="radio" id="webrating-13" name="webrating-1" value="3"/><span class="label-text">3</span></label> <label for="webrating-14"><input aria-describedby="help-text" type="radio" id="webrating-14" name="webrating-1" value="4"/><span class="label-text">4</span></label> <label for="webrating-1"><input aria-describedby="help-text" type="radio" id="webrating-1" name="webrating-1" value="5"/><span class="label-text">5</span></label> </span> </fieldset> <fieldset class="form-group form-option-radio-block mb-responsive" id="question-group-1"> <legend>Reason for your visit? </legend> <label class="form-check-radio-label" for="question-1"><input id="question-1" name="question-1" type="radio" value="Get information or answers"/>Get information or answers</label> <label class="form-check-radio-label" for="question-12"><input id="question-12" name="question-1" type="radio" value="Book, pay or register for a service"/>Book, pay or register for a service</label> <label class="form-check-radio-label" for="question-13"><input id="question-13" name="question-1" type="radio" value="Report a concern"/>Report a concern</label> <label class="form-check-radio-label" for="question-14"><input id="question-14" name="question-1" type="radio" value="Look for a job opportunity"/>Look for a job opportunity</label> <label class="form-check-radio-label" for="question-15"><input id="question-15" name="question-1" type="radio" value="Contact a department, employee or City Council"/>Contact a department, employee or City Council</label> <label class="form-check-radio-label" for="question-16"><input id="question-16" name="question-1" type="radio" value="Respond to a City request or message"/>Respond to a City request or message</label> <label class="form-check-radio-label" for="question-17"><input id="question-17" name="question-1" type="radio" value="Give input on City investment, projects or development"/>Give input on City investment, projects or development</label> <label class="form-check-radio-label" for="question-18"><input id="question-18" name="question-1" type="radio" value="Other"/>Other</label> </fieldset> </div> <div data-page="2" style="display:none;"> <fieldset class="form-group " id="webrating-group-2"> <legend>How easy was it to complete your task? </legend> <p class="form-text mb-xs" id="help-text-2">(1 is very difficult and 5 is very easy) </p> <span class="number-cb-group"> <label for="webrating-21"><input type="radio" aria-describedby="help-text-2" id="webrating-21" name="webrating-2" value="1"/><span class="label-text">1</span></label> <label for="webrating-22"><input type="radio" aria-describedby="help-text-2" id="webrating-22" name="webrating-2" value="2"/><span class="label-text">2</span></label> <label for="webrating-23"><input type="radio" aria-describedby="help-text-2" id="webrating-23" name="webrating-2" value="3"/><span class="label-text">3</span></label> <label for="webrating-24"><input type="radio" aria-describedby="help-text-2" id="webrating-24" name="webrating-2" value="4"/><span class="label-text">4</span></label> <label for="webrating-25"><input type="radio" aria-describedby="help-text-2" id="webrating-25" name="webrating-2" value="5"/><span class="label-text">5</span></label> </span> </fieldset>  <fieldset class="form-group " id="description-group-1"> <legend>What task were you trying to perform? (<span id="current_comment">0</span><span id="maximum_comment">/255</span>) </legend> <textarea id="description-1" name="description-1" class="form-control" rows="3" placeholder="Max: 255 Characters" maxlength="255"></textarea> <div class='description-1 web-error'></div> </fieldset> <fieldset class="form-group form-option-radio-block" id="question-group-4"> <legend>Did you have difficulty completing your task? </legend> <label class="form-check-radio-label" for="question-4"><input id="question-4" name="question-4" type="radio" value="yes"/>Yes</label> <label class="form-check-radio-label" for="question-42"><input id="question-42" name="question-4" type="radio" value="no"/>No</label> </fieldset> <fieldset class="form-group form-option-radio-block" id="question-group-5"> <legend>What action did you take or will you take? </legend> <label for="question-5" class="form-check-radio-label"><input id="question-5" name="question-5" type="radio" value="Don't know/other"/>Don't know/other</label> <label for="question-52" class="form-check-radio-label"><input id="question-52" name="question-5" type="radio" value="Call 311"/>Call 311</label> <label for="question-53" class="form-check-radio-label"><input id="question-53" name="question-5" type="radio" value="Submit an online service request"/>Submit an online service request</label> <label for="question-54" class="form-check-radio-label"><input id="question-54" name="question-5" type="radio" value="Contact my City Councillor"/>Contact my City Councillor</label> <label for="question-55" class="form-check-radio-label"><input id="question-55" name="question-5" type="radio" value="Contact the City through social media"/>Contact the City through social media</label> <label for="question-56" class="form-check-radio-label"><input id="question-56" name="question-5" type="radio" value="Visit the City of Calgary in-person"/>Visit the City of Calgary in-person</label> </fieldset>  <fieldset class="form-group mb-responsive" id="description-group-2"> <legend>What would make your experience better? (<span id="current_comment-2">0</span><span id="maximum_comment-2">/255</span>) </legend> <textarea id="description-2" name="description-2" class="form-control" rows="3" placeholder="Max: 255 Characters" maxlength="255"></textarea> </fieldset> </div> <div data-page="3" style="display:none;"> <fieldset class="form-group " id="webrating-group-3"> <legend>How easy is it to find or access information? </legend> <p class="form-text mb-xs" id="help-text-3">(1 is very difficult and 5 is very easy) </p> <span class="number-cb-group"> <label for="webrating-31"><input type="radio" aria-describedby="help-text-3" id="webrating-31" name="webrating-3" value="1"/><span class="label-text">1</span></label> <label for="webrating-32"><input type="radio" aria-describedby="help-text-3" id="webrating-32" name="webrating-3" value="2"/><span class="label-text">2</span></label> <label for="webrating-33"><input type="radio" aria-describedby="help-text-3" id="webrating-33" name="webrating-3" value="3"/><span class="label-text">3</span></label> <label for="webrating-34"><input type="radio" aria-describedby="help-text-3" id="webrating-34" name="webrating-3" value="4"/><span class="label-text">4</span></label> <label for="webrating-3"><input type="radio" aria-describedby="help-text-3" id="webrating-3" name="webrating-3" value="5"/><span class="label-text">5</span></label> </span> </fieldset>  <fieldset class="form-group " id="webrating-group-5"> <legend>How easy is Calgary.ca to use? </legend> <p class="form-text mb-xs" id="help-text-5">(1 is very difficult and 5 is very easy) </p> <span class="number-cb-group"> <label for="webrating-51"><input type="radio" aria-describedby="help-text-5" id="webrating-51" name="webrating-5" value="1"/><span class="label-text">1</span></label> <label for="webrating-52"><input type="radio" aria-describedby="help-text-5" id="webrating-52" name="webrating-5" value="2"/><span class="label-text">2</span></label> <label for="webrating-53"><input type="radio" aria-describedby="help-text-5" id="webrating-53" name="webrating-5" value="3"/><span class="label-text">3</span></label> <label for="webrating-54"><input type="radio" aria-describedby="help-text-5" id="webrating-54" name="webrating-5" value="4"/><span class="label-text">4</span></label> <label for="webrating-5"><input type="radio" aria-describedby="help-text-5" id="webrating-5" name="webrating-5" value="5"/><span class="label-text">5</span></label> </span> </fieldset> <fieldset class="form-group " id="webrating-group-6"> <legend>Did you find answers to your questions? </legend> <p class="form-text mb-xs" id="help-text-6">(1 is very dissatisfied and 5 is very satisfied)</p> <span class="number-cb-group"> <label for="webrating-61"><input type="radio" aria-describedby="help-text-6" id="webrating-61" name="webrating-6" value="1"/><span class="label-text">1</span></label> <label for="webrating-62"><input type="radio" aria-describedby="help-text-6" id="webrating-62" name="webrating-6" value="2"/><span class="label-text">2</span></label> <label for="webrating-63"><input type="radio" aria-describedby="help-text-6" id="webrating-63" name="webrating-6" value="3"/><span class="label-text">3</span></label> <label for="webrating-64"><input type="radio" aria-describedby="help-text-6" id="webrating-64" name="webrating-6" value="4"/><span class="label-text">4</span></label> <label for="webrating-6"><input type="radio" aria-describedby="help-text-6" id="webrating-6" name="webrating-6" value="5"/><span class="label-text">5</span></label> </span> </fieldset> <fieldset class="form-group mb-responsive" id="webrating-group-7"> <legend>Is the information accurate and relevant? </legend> <p class="form-text mb-xs" id="help-text-7">(1 is very dissatisfied and 5 is very satisfied)</p> <span class="number-cb-group"> <label for="webrating-71"><input type="radio" aria-describedby="help-text-7" id="webrating-71" name="webrating-7" value="1"/><span class="label-text">1</span></label> <label for="webrating-72"><input type="radio" aria-describedby="help-text-7" id="webrating-72" name="webrating-7" value="2"/><span class="label-text">2</span></label> <label for="webrating-73"><input type="radio" aria-describedby="help-text-7" id="webrating-73" name="webrating-7" value="3"/><span class="label-text">3</span></label> <label for="webrating-74"><input type="radio" aria-describedby="help-text-7" id="webrating-74" name="webrating-7" value="4"/><span class="label-text">4</span></label> <label for="webrating-7"><input type="radio" aria-describedby="help-text-7" id="webrating-7" name="webrating-7" value="5"/><span class="label-text">5</span></label> </span> </fieldset>  </div> <div data-page="4" style="display:none;"> <fieldset class="form-group form-option-radio-block mb-responsive" id="question-group-2"> <legend>What was the main area of Calgary.ca you were visiting? </legend> <label class="form-check-radio-label" for="question-2"><input id="question-2" name="question-2" type="radio" value="Environment, waste, recycling or water"/>Environment, waste, recycling or water</label> <label class="form-check-radio-label" for="question-22"><input id="question-22" name="question-2" type="radio" value="Recreation, parks or public art"/>Recreation, parks or public art</label> <label class="form-check-radio-label" for="question-23"><input id="question-23" name="question-2" type="radio" value="Traffic, transportation or roads"/>Traffic, transportation or roads</label> <label class="form-check-radio-label" for="question-24"><input id="question-24" name="question-2" type="radio" value="Animals services"/>Animals services</label> <label class="form-check-radio-label" for="question-25"><input id="question-25" name="question-2" type="radio" value="Bylaws or public safety"/>Bylaws or public safety</label> <label class="form-check-radio-label" for="question-26"><input id="question-26" name="question-2" type="radio" value="City careers"/>City careers</label> <label class="form-check-radio-label" for="question-27"><input id="question-27" name="question-2" type="radio" value="Taxes or property assessment"/>Taxes or property assessment</label> <label class="form-check-radio-label" for="question-28"><input id="question-28" name="question-2" type="radio" value="Building, development or business licenses"/>Building, development or business licenses</label> <label class="form-check-radio-label" for="question-29"><input id="question-29" name="question-2" type="radio" value="City Council, boards, commissions or elections"/>City Council, boards, commissions or elections</label> <label class="form-check-radio-label" for="question-210"><input id="question-210" name="question-2" type="radio" value="Social programs, community services or Census"/>Social programs, community services or Census</label> <label class="form-check-radio-label" for="question-211"><input id="question-211" name="question-2" type="radio" value="Festivals, special events or tourism"/>Festivals, special events or tourism</label> <label class="form-check-radio-label" for="question-212"><input id="question-212" name="question-2" type="radio" value="Other"/>Other</label> </fieldset> <fieldset class="form-group form-option-radio-block mb-responsive" id="question-group-2-6"> <legend>What Environment, Waste, Water service?</legend> <label class="form-check-radio-label" for="question-2-6"><input id="question-2-6" name="question-2-6" type="radio" value="Blue, green or black cart schedule"/>Blue, green or black cart schedule</label> <label class="form-check-radio-label" for="question-22-6"><input id="question-22-6" name="question-2-6" type="radio" value="Report missed pickup"/>Report missed pickup</label> <label class="form-check-radio-label" for="question-23-6"><input id="question-23-6" name="question-2-6" type="radio" value="How to or what to recycle"/>How to or what to recycle</label> <label class="form-check-radio-label" for="question-24-6"><input id="question-24-6" name="question-2-6" type="radio" value="How to or what to compost"/>How to or what to compost</label> <label class="form-check-radio-label" for="question-25-6"><input id="question-25-6" name="question-2-6" type="radio" value="Landfill locations or hours"/>Landfill locations or hours</label> <label class="form-check-radio-label" for="question-26-6"><input id="question-26-6" name="question-2-6" type="radio" value="Electronics recycling, household or hazardous waste"/>Electronics recycling, household or hazardous waste</label> <label class="form-check-radio-label" for="question-27-6"><input id="question-27-6" name="question-2-6" type="radio" value="Water rates, accounts or billing"/>Water rates, accounts or billing</label> <label class="form-check-radio-label" for="question-28-6"><input id="question-28-6" name="question-2-6" type="radio" value="Drinking water"/>Drinking water</label> <label class="form-check-radio-label" for="question-29-6"><input id="question-29-6" name="question-2-6" type="radio" value="Other"/>Other</label> </fieldset> <fieldset class="form-group form-option-radio-block mb-responsive" id="question-group-2-8"> <legend>What Recreation, Parks, Public Art service? </legend> <label class="form-check-radio-label" for="question-2-8"><input id="question-2-8" name="question-2-8" type="radio" value="Find or register for an activity or program"/>Find or register for an activity or program</label> <label class="form-check-radio-label" for="question-22-8"><input id="question-22-8" name="question-2-8" type="radio" value="Drop-in schedules and locations"/>Drop-in schedules and locations</label> <label class="form-check-radio-label" for="question-23-8"><input id="question-23-8" name="question-2-8" type="radio" value="Golfing information or book a tee-time"/>Golfing information or book a tee-time</label> <label class="form-check-radio-label" for="question-24-8"><input id="question-24-8" name="question-2-8" type="radio" value="Book a park, arena, field or facility"/>Book a park, arena, field or facility</label> <label class="form-check-radio-label" for="question-25-8"><input id="question-25-8" name="question-2-8" type="radio" value="Parks and cemeteries"/>Parks and cemeteries</label> <label class="form-check-radio-label" for="question-26-8"><input id="question-26-8" name="question-2-8" type="radio" value="Public art"/>Public art</label> <label class="form-check-radio-label" for="question-27-8"><input id="question-27-8" name="question-2-8" type="radio" value="Other"/>Other</label> </fieldset> <fieldset class="form-group mb-responsive form-option-radio-block" id="question-group-2-11"> <legend>What Traffic, Transportation, Roads service? </legend> <label class="form-check-radio-label" for="question-2-11"><input id="question-2-11" name="question-2-11" type="radio" value="Current traffic, road conditions"/>Current traffic, road conditions</label> <label class="form-check-radio-label" for="question-22-11"><input id="question-22-11" name="question-2-11" type="radio" value="Road maintenance (street cleaning, snow and ice control, potholes)"/>Road maintenance (street cleaning, snow and ice control, potholes)</label> <label class="form-check-radio-label" for="question-23-11"><input id="question-23-11" name="question-2-11" type="radio" value="Input on transportation or roads projects (e.g. Green Line)"/>Input on transportation or roads projects (e.g. Green Line)</label> <label for="question-24-11"><input id="question-24-11" name="question-2-11" type="radio" value="Road permits"/>Road permits</label> <label class="form-check-radio-label" for="question-25-11"><input id="question-25-11" name="question-2-11" type="radio" value="Cycling, pathways or Plus 15 system"/>Cycling, pathways or Plus 15 system</label> <label class="form-check-radio-label" for="question-26-11"><input id="question-26-11" name="question-2-11" type="radio" value="Parking"/>Parking</label> <label class="form-check-radio-label" for="question-27-11"><input id="question-27-11" name="question-2-11" type="radio" value="Other"/>Other</label> </fieldset> <fieldset class="form-group mb-responsive form-option-radio-block" id="question-group-2-1"> <legend>What Animal service?  </legend> <label class="form-check-radio-label" for="question-2-1"><input id="question-2-1" name="question-2-1" type="radio" value="Adopting or lost pets"/>Adopting or lost pets</label> <label class="form-check-radio-label" for="question-22-1"><input id="question-22-1" name="question-2-1" type="radio" value="Licensing pets"/>Licensing pets</label> <label class="form-check-radio-label" for="question-23-1"><input id="question-23-1" name="question-2-1" type="radio" value="Wildlife sightings or pest removals"/>Wildlife sightings or pest removals</label> <label class="form-check-radio-label" for="question-24-1"><input id="question-24-1" name="question-2-1" type="radio" value="Animal complaints or bylaws"/>Animal complaints or bylaws</label> <label class="form-check-radio-label" for="question-25-1"><input id="question-25-1" name="question-2-1" type="radio" value="Other"/>Other</label> </fieldset> <fieldset class="form-group mb-responsive form-option-radio-block" id="question-group-2-2"> <legend>What Bylaw or Public Safety service? </legend> <label class="form-check-radio-label" for="question-2-2"><input id="question-2-2" name="question-2-2" type="radio" value="Bylaws or report a bylaw complaint"/>Bylaws or report a bylaw complaint</label> <label class="form-check-radio-label" for="question-22-2"><input id="question-22-2" name="question-2-2" type="radio" value="Police"/>Police</label> <label class="form-check-radio-label" for="question-23-2"><input id="question-23-2" name="question-2-2" type="radio" value="Fire"/>Fire</label> <label class="form-check-radio-label" for="question-24-2"><input id="question-24-2" name="question-2-2" type="radio" value="Emergency alerts or preparedness"/>Emergency alerts or preparedness</label> <label class="form-check-radio-label" for="question-25-2"><input id="question-25-2" name="question-2-2" type="radio" value="Other"/>Other</label> </fieldset> <fieldset class="form-group mb-responsive form-option-radio-block" id="question-group-2-4"> <legend>What Careers service?  </legend> <label class="form-check-radio-label" for="question-2-4"><input id="question-2-4" name="question-2-4" type="radio" value="View job opportunities"/>View job opportunities</label> <label class="form-check-radio-label" for="question-22-4"><input id="question-22-4" name="question-2-4" type="radio" value="Submit resume or job application"/>Submit resume or job application</label> <label class="form-check-radio-label" for="question-23-4"><input id="question-23-4" name="question-2-4" type="radio" value="Other"/>Other</label> </fieldset> <fieldset class="form-group mb-responsive form-option-radio-block" id="question-group-2-10"> <legend>What Tax or Assessment service? </legend> <label class="form-check-radio-label" for="question-2-10"><input id="question-2-10" name="question-2-10" type="radio" value="TIPP (Tax Installment Payment Plan)"/>TIPP (Tax Installment Payment Plan) </label> <label class="form-check-radio-label" for="question-22-10"><input id="question-22-10" name="question-2-10" type="radio" value="Property assessment"/>Property assessment</label> <label class="form-check-radio-label" for="question-23-10"><input id="question-23-10" name="question-2-10" type="radio" value="Residential property tax"/>Residential property tax</label> <label class="form-check-radio-label" for="question-24-10"><input id="question-24-10" name="question-2-10" type="radio" value="Non-residential tax"/>Non-residential tax</label> <label class="form-check-radio-label" for="question-25-10"><input id="question-25-10" name="question-2-10" type="radio" value="Other"/>Other</label> </fieldset> <fieldset class="form-group mb-responsive form-option-radio-block" id="question-group-2-3"> <legend>What Building, Development or Business service? </legend> <label class="form-check-radio-label" for="question-2-3"><input id="question-2-3" name="question-2-3" type="radio" value="Residential building permits or inspections or home improvements"/>Residential building permits or inspections or home improvements</label> <label class="form-check-radio-label" for="question-22-3"><input id="question-22-3" name="question-2-3" type="radio" value="Building, commercial development permits or inspections"/>Building, commercial development permits or inspections</label> <label class="form-check-radio-label" for="question-23-3"><input id="question-23-3" name="question-2-3" type="radio" value="Building bylaws or codes"/>Building bylaws or codes</label> <label class="form-check-radio-label" for="question-24-3"><input id="question-24-3" name="question-2-3" type="radio" value="Business licenses"/>Business licenses</label> <label class="form-check-radio-label" for="question-25-3"><input id="question-25-3" name="question-2-3" type="radio" value="Other"/>Other</label> </fieldset> <fieldset class="form-group mb-responsive form-option-radio-block" id="question-group-2-5"> <legend>What Census or City council service? </legend> <label class="form-check-radio-label" for="question-2-5"><input id="question-2-5" name="question-2-5" type="radio" value="Report a concern or contact Council or the Mayor"/>Report a concern or contact Council or the Mayor</label> <label class="form-check-radio-label" for="question-22-5"><input id="question-22-5" name="question-2-5" type="radio" value="Council, board or commissions meetings"/>Council, board or commissions meetings</label> <label class="form-check-radio-label" for="question-23-5"><input id="question-23-5" name="question-2-5" type="radio" value="Elections or plebiscites"/>Elections or plebiscites</label> <label class="form-check-radio-label" for="question-24-5"><input id="question-24-5" name="question-2-5" type="radio" value="Other"/>Other</label> </fieldset> <fieldset class="form-group mb-responsive form-option-radio-block" id="question-group-2-9"> <legend>What Social Program, Community Service? </legend> <label class="form-check-radio-label" for="question-2-9"><input id="question-2-9" name="question-2-9" type="radio" value="Affordable housing"/>Affordable housing</label> <label class="form-check-radio-label" for="question-22-9"><input id="question-22-9" name="question-2-9" type="radio" value="Low-income services or Fair Entry"/>Low-income services or Fair Entry</label> <label class="form-check-radio-label" for="question-23-9"><input id="question-23-9" name="question-2-9" type="radio" value="Youth or after-school programs"/>Youth or after-school programs</label> <label class="form-check-radio-label" for="question-24-9"><input id="question-24-9" name="question-2-9" type="radio" value="Community Services (accessible, newcomers, seniors, Indigenous peoples programs)"/>Community Services (accessible, newcomers, seniors, Indigenous peoples programs)</label> <label class="form-check-radio-label" for="question-25-9"><input id="question-25-9" name="question-2-9" type="radio" value="City census"/>City census</label> <label class="form-check-radio-label" for="question-26-9"><input id="question-26-9" name="question-2-9" type="radio" value="Other"/>Other</label> </fieldset> <fieldset class="form-group mb-responsive form-option-radio-block" id="question-group-2-7"> <legend>What Events or tourism service? </legend> <label class="form-check-radio-label" for="question-2-7"><input id="question-2-7" name="question-2-7" type="radio" value="New Year's Eve"/>New Year's Eve</label> <label class="form-check-radio-label" for="question-22-7"><input id="question-22-7" name="question-2-7" type="radio" value="Canada Day"/>Canada Day</label> <label class="form-check-radio-label" for="question-23-7"><input id="question-23-7" name="question-2-7" type="radio" value="Other events or festivals"/>Other events or festivals</label> <label class="form-check-radio-label" for="question-24-7"><input id="question-24-7" name="question-2-7" type="radio" value="Other"/>Other </label> </fieldset> </div> <div data-page="5" style="display:none;"> <fieldset class="form-group form-option-radio-block mb-responsive" id="question-group-6"> <legend>To help group these survey results, would you answer a few demographic questions? </legend> <label class="form-check-radio-label" for="question-6"><input id="question-6" name="question-6" type="radio" value="yes"/>Yes</label> <label class="form-check-radio-label" for="question-62"><input id="question-62" name="question-6" type="radio" value="no"/>No</label> </fieldset> <fieldset class="form-group form-option-radio-block" id="question-group-6-1"> <legend>What is your role in visiting today? </legend> <label class="form-check-radio-label" for="question-6-1"><input id="question-6-1" name="question-6-1" type="radio" value="Resident of Calgary"/>Resident of Calgary</label> <label class="form-check-radio-label" for="question-62-1"><input id="question-62-1" name="question-6-1" type="radio" value="Business owner"/>Business owner</label> <label class="form-check-radio-label" for="question-63-1"><input id="question-63-1" name="question-6-1" type="radio" value="Builder developer or contractor"/>Builder developer or contractor</label> <label class="form-check-radio-label" for="question-64-1"><input id="question-64-1" name="question-6-1" type="radio" value="Employee"/>Employee</label> <label class="form-check-radio-label" for="question-65-1"><input id="question-65-1" name="question-6-1" type="radio" value="Other"/>Other</label> </fieldset> <fieldset class="form-group form-option-radio-block" id="question-group-6-2"> <legend>What is your age group?</legend> <label class="form-check-radio-label" for="question-6-2"><input id="question-6-2" name="question-6-2" type="radio" value="18 - 34"/>18 - 34</label> <label class="form-check-radio-label" for="question-62-2"><input id="question-62-2" name="question-6-2" type="radio" value="35 - 54"/>35 - 54</label> <label class="form-check-radio-label" for="question-63-2"><input id="question-63-2" name="question-6-2" type="radio" value="55 or older"/>55 or older</label> <label class="form-check-radio-label" for="question-64-2"><input id="question-64-2" name="question-6-2" type="radio" value="Rather not say"/>Rather not say</label> </fieldset> <fieldset class="form-group form-option-radio-block" id="question-group-6-3"> <legend>Highest level of schooling? </legend> <label class="form-check-radio-label" for="question-6-3"><input id="question-6-3" name="question-6-3" type="radio" value="Completed high school or less"/>Completed high school or less</label> <label class="form-check-radio-label" for="question-62-3"><input id="question-62-3" name="question-6-3" type="radio" value="Some post-secondary or completed a college diploma"/>Some post-secondary or completed a college diploma</label> <label class="form-check-radio-label" for="question-63-3"><input id="question-63-3" name="question-6-3" type="radio" value="Completed university or post-grad degree"/>Completed university or post-grad degree</label> <label class="form-check-radio-label" for="question-64-3"><input id="question-64-3" name="question-6-3" type="radio" value="Rather not say"/>Rather not say</label> </fieldset>  <fieldset class="form-group form-option-radio-block" id="question-group-6-5"> <legend>Where do you live?</legend> <label class="form-check-radio-label" for="question-6-5"><input id="question-6-5" name="question-6-5" type="radio" value="NW Calgary"/>NW Calgary</label> <label class="form-check-radio-label" for="question-62-5"><input id="question-62-5" name="question-6-5" type="radio" value="SW Calgary"/>SW Calgary</label> <label class="form-check-radio-label" for="question-63-5"><input id="question-63-5" name="question-6-5" type="radio" value="NE Calgary"/>NE Calgary</label> <label class="form-check-radio-label" for="question-64-5"><input id="question-64-5" name="question-6-5" type="radio" value="SE Calgary"/>SE Calgary</label> <label class="form-check-radio-label" for="question-64-5"><input id="question-65-5" name="question-6-5" type="radio" value="Outside of Calgary"/>Outside of Calgary</label> </fieldset> </div> <div class="form-footer websitemodal-footer"> <nav class="text-center"> <div class="pagination pagination-centered"> <ul class="pagination "> <li data-page="-" class="page-item prev"><a class="page-link" href="#"> <span class="cui cicon-angle-left left" aria-hidden="true"></span> <span class="text">Back</span></a> </li> <li data-page="1" class="page-item d-none"><a class="page-link" href="#">1</a></li> <li data-page="2" class="page-item d-none"><a class="page-link" href="#">2</a></li> <li data-page="3" class="page-item d-none"><a class="page-link" href="#">3</a></li> <li data-page="4" class="page-item d-none"><a class="page-link" href="#">4</a></li> <li data-page="5" class="page-item d-none"><a class="page-link" href="#">5</a></li> <li data-page="+" class="page-item next"> <a class="page-link" href="#"> <span class="text">Next</span> <span class="cui cicon-angle-right right" aria-hidden="true"></span> </a> </li> </ul> </div> </nav> <button class="cui btn-md primary" type="submit" id="websitefeedback-modelbtn" style="display:none;"> <span class="btn-wrapper"> <span class="btn-text">Send feedback</span> <span class="cicon-angle-right right" aria-hidden="true"></span> </span> </button> </div> </div>       </form> </div> </div> </div> </div> <script> COC.Components.voc.init(); if ($("#btnOpenAssessmentChatbot,#chat-widget-container").length) { var buttonsStyle = $("#data-buttons-style").data("buttons-style"); if (buttonsStyle == "stack-buttons") { $('#pagefeedback-btn').attr('style', 'top: 30%!important;width:11rem; font-size:0.9rem!important; height: 2rem!important;'); $('#websitefeedback-btn').removeClass("websitefeedback"); $('#websitefeedback-btn').addClass("stackedpagefeedback"); $('#pagefeedback-btn').attr('style', 'top: 30%!important;width:11rem;font-size:0.9rem!important; height: 2rem!important;'); $('#websitefeedback-btn').removeClass("websitefeedback"); $('#websitefeedback-btn').addClass("stackedpagefeedback"); } if (buttonsStyle == "hide-buttons") { $("#pagefeedback-btn, #websitefeedback-btn").remove(); // $("#pagefeedback").removeClass("15 30 90 delay animate__animated animate__fadeInRight "); } } var delay = 90; var controller_enableDelay = "animate__delay-" + 90 + "s"; var page_exclude = $(".page-exclude").text(); var aa = page_exclude.split(','); var voc_url = document.URL; var i; for (i = 0; i < aa.length; i++) { if (voc_url.includes(aa[i])) { $("#pagefeedback-btn, #websitefeedback-btn").remove(); $("#pagefeedback").removeClass("15 30 90 120 delay animate__delay-200ms animate__fadeInRight animate__animated animate__faster "); } } </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script> <script> window.onload = function () { if ($("#btnOpenAssessmentChatbot,#chat-widget-container").length) { var buttonsStyle = $("#data-buttons-style").data("buttons-style"); if (buttonsStyle == "stack-buttons") { $('#pagefeedback-btn').attr('style', 'top: 30%!important;width:11rem'); $('#websitefeedback-btn').removeClass("websitefeedback"); $('#websitefeedback-btn').addClass("stackedpagefeedback"); $('#pagefeedback-btn').attr('style', 'top: 30%!important;width:11rem'); //$('#pagefeedback-btn').attr('style', 'width: 12rem!important'); $('#websitefeedback-btn').removeClass("websitefeedback"); $('#websitefeedback-btn').addClass("stackedpagefeedback"); } if (buttonsStyle == "hide-buttons") { $("#pagefeedback-btn, #websitefeedback-btn").remove(); // $("#pagefeedback").removeClass("15 30 90 delay animate__animated animate__fadeInRight "); } } }; var paginationHandler = function () { // store pagination container so we only select it once var $paginationContainer = $(".pagination-container"), $pagination = $paginationContainer.find('.pagination ul'); // click event $pagination.find("li a").on('click.pageChange', function (e) { e.preventDefault(); // get parent li's data-page attribute and current page var parentLiPage = $(this).parent('li').data("page"), currentPage = parseInt($(".pagination-container div[data-page]:visible").data('page')), numPages = $paginationContainer.find("div[data-page]").length; // make sure they aren't clicking the current page if (parseInt(parentLiPage) !== parseInt(currentPage)) { // hide the current page $paginationContainer.find("div[data-page]:visible").hide(); if (parentLiPage === '+') { // next page $paginationContainer.find("div[data-page=" + (currentPage + 1 > numPages ? numPages : currentPage + 1) + "]").show(); } else if (parentLiPage === '-') { // previous page $paginationContainer.find("div[data-page=" + (currentPage - 1 < 1 ? 1 : currentPage - 1) + "]").show(); } else { // specific page $paginationContainer.find("div[data-page=" + parseInt(parentLiPage) + "]").show(); } } $(".pagination .prev .page-link").click(function () { if (currentPage == 4) { $("#websitefeedback-modelbtn").hide(); $(".pagination-container .next").removeClass("d-none"); } }); // disable next and prev button if (currentPage == 4) { $(".pagination-container .next").addClass("d-none"); $("#websitefeedback-modelbtn").show(); } else if (currentPage == 1 || currentPage == 2 || currentPage == 3 || currentPage == 5) { $(".pagination-container .next").removeClass("d-none"); $(".pagination-container .prev").removeClass("d-none"); $("#websitefeedback-modelbtn").hide(); } else { $("#websitefeedback-modelbtn").hide(); } if ($("div[data-page='1']:visible").length == 1) { $(".pagination-container .next").removeClass("d-none"); $(".pagination-container .prev").addClass("d-none"); $("#websitefeedback-modelbtn").hide(); } if ($("div[data-page='3']:visible").length == 1) { $(".pagination-container .next").removeClass("d-none"); $(".pagination-container .prev").removeClass("d-none"); $("#websitefeedback-modelbtn").hide(); } }); }; $(document).ready(paginationHandler); var pageCookieTime = 7; var websiteCookieTime = 0; function checkBrowser() { var browsername = "Others"; var userAgentObj = { "chrome": "", "IExplorer": "", "firefox": "", "safari": "", "opera": "", "Microsoft Edge": "" } // Get the user-agent string let userAgentString = navigator.userAgent; // Detect Chrome let chromeAgent = userAgentString.indexOf("Chrome") > -1; userAgentObj["Chrome"] = chromeAgent; // Detect Microsoft Edge let edgeAgent = userAgentString.indexOf("Edg") > -1; userAgentObj["Microsoft Edge"] = edgeAgent; // Detect Internet Explorer let IExplorerAgent = userAgentString.indexOf("MSIE") > -1 || userAgentString.indexOf("rv:") > -1; userAgentObj["IExplorer"] = IExplorerAgent; // Detect Firefox let firefoxAgent = userAgentString.indexOf("Firefox") > -1; userAgentObj["Firefox"] = firefoxAgent; // Detect Safari let safariAgent = userAgentString.indexOf("Safari") > -1; userAgentObj["Safari"] = safariAgent; // Iphone and Safari if ((userAgentString.indexOf("iPhone") > -1) && (safariAgent)) safariAgent = true; // Discard Safari since it also matches Chrome if ((chromeAgent) && (safariAgent)) safariAgent = false; // Detect Opera let operaAgent = userAgentString.indexOf("OP") > -1; userAgentObj["Opera"] = operaAgent; // Discard Chrome since it also matches Opera if ((chromeAgent) && (operaAgent)) chromeAgent = false; browsername = getKeyByValue(userAgentObj, true); console.log(userAgentObj); return browsername; } function getKeyByValue(object, value) { return Object.keys(object).find(function (key) { return object[key] === value; }); } function checkOS() { var Name = "Unknown OS"; if (navigator.userAgent.indexOf("Win") != -1) Name = "Windows"; if (navigator.userAgent.indexOf("Mac") != -1) Name = "Macintosh"; if (navigator.userAgent.indexOf("Linux") != -1) Name = "Linux"; if (navigator.userAgent.indexOf("Android") != -1) Name = "Android"; if (navigator.userAgent.indexOf("like Mac") != -1) Name = "iOS"; return Name; } function getCurrentDate() { //const months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ]; const months = ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"]; var currentDate = new Date(); currentDate = currentDate.getFullYear() + "-" + months[currentDate.getMonth()] + "-" + currentDate.getDate(); return currentDate; } function addZero(i) { if (i < 10) { i = "0" + i; } return i; } function getCurrentTime() { var currentTime = new Date(); currentTime = addZero(currentTime.getHours()) + ":" + addZero(currentTime.getMinutes()) + ":" + addZero(currentTime.getSeconds()); return currentTime; } function getOS() { var userAgent = window.navigator.userAgent, platform = window.navigator.platform, macosPlatforms = ['Macintosh', 'MacIntel', 'MacPPC', 'Mac68K'], windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE'], iosPlatforms = ['iPhone', 'iPod'], os = null; if (macosPlatforms.indexOf(platform) !== -1) { os = 'Mac OS'; } else if (/iPad/.test(userAgent)) { os = 'iPad OS'; } else if (iosPlatforms.indexOf(platform) !== -1) { os = 'iOS'; } else if (windowsPlatforms.indexOf(platform) !== -1) { os = 'Windows'; } else if (/CrOS/.test(userAgent)) { os = 'Chrome OS'; } else if (/Android/.test(userAgent)) { os = 'Android'; } else if (!os && /Linux/.test(platform)) { os = 'Linux'; } return os; } function isMobileTablet() { const userAgent = navigator.userAgent; if (/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(userAgent)) { return "Tablet"; } if (/Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(userAgent)) { return "Mobile"; } return "Desktop"; } function isDepartment() { var Department = document.location.href.split("/")[3]; //var BusinessUnit = document.location.href.split("/")[3]; if (Department != undefined && Department != "") { //console.log("Department"+Department); return Department; } } function isBusinessUnit() { var BusinessUnit = document.location.href.split("/")[4]; if (BusinessUnit != undefined && BusinessUnit != "") { //console.log("Business Unit is "+BusinessUnit); return BusinessUnit; } } $(document).ready(function () { $(".pagination-container .prev").addClass("d-none"); var delay = 90; //var controller_enableDelay ="animate__delay-" + 90 + "s "; //var aa = ["Building-permit-fee-calculator-demolition" ,"Building-permit-fee-calculator-new-homes"]; //; // Click the pagefeedback btn will bring the modal that comes from the right side of the screen var showPageFeedbackAnimClasses = ("animate__delay-200ms animate__fadeInRight animate__animated animate__faster"); var hidePageFeedbackAnimClasses = ("animate__delay-200ms animate__fadeOutRight animate__animated animate__faster"); var timeoutFn; var isPagefeedbackModalOpen = false; var isWebsitefeedbackModalOpen = false; $(document).on("click", ".pagefeedback", function (event) { event.preventDefault(); var getIdValue = $(this).attr("data-bs-target"); pagefeedbackModalOpen(getIdValue) }); function pagefeedbackModalOpen(getIdValue) { if (isPagefeedbackModalOpen) return; // close any open modal $("body").find("button[data-bs-dismiss='modal']").click(); window.clearTimeout(timeoutFn); isPagefeedbackModalOpen = true; websitefeedbackModalClose("#websitefeedback"); $(getIdValue) .removeClass("delay 15 30 90 120" + hidePageFeedbackAnimClasses) .addClass(showPageFeedbackAnimClasses) .attr("style", "display: block !important;") .attr("aria-modal", "true") .removeAttr("aria-hidden"); setTimeout(function () { $(getIdValue).removeClass(showPageFeedbackAnimClasses) }, 1000); $("body").addClass("modal-pagefeedback-open"); $("#pagefeedback-btn").addClass("pagefeedback-no-delay-active "); }; function pagefeedbackModalClose(getIdValue) { if (!isPagefeedbackModalOpen) return; isPagefeedbackModalOpen = false; $(getIdValue) .removeClass(showPageFeedbackAnimClasses) .addClass(hidePageFeedbackAnimClasses) .attr("style", "display: none;"); $("body").removeClass("modal-pagefeedback-open"); $(".modal-backdrop.show").remove(); setTime = setTimeout(function () { $("#pagefeedback-btn").removeClass("pagefeedback-no-delay-active "); }, 1000) }; if (delay == "0" || delay == 0 || delay == "") { $("#pagefeedback").removeClass("delay 15 30 90 120"); } $(".pageclose-btn").click(function () { var pageFeedbackCookie = "voc_pageFeedback_close"; $.cookie(pageFeedbackCookie, "voc_pageFeedback_close", { expires: pageCookieTime }); }); var websitefeedbackOpenAnimationClasses = ("animate__fadeInUp animate__animated animate__faster") //webside feedback btn $(document).on("click", "#websitefeedback-btn", function (event) { window.clearTimeout(timeoutFn); var getIdValue = $(this).attr("data-bs-target"); $(getIdValue).attr("style", "display: block !important;"); websitefeedbackModalOpen(getIdValue); }); function websitefeedbackModalOpen(getIdValue) { if (isWebsitefeedbackModalOpen) return; isWebsitefeedbackModalOpen = true; $(getIdValue) .addClass(websitefeedbackOpenAnimationClasses) .attr("style", "display: block !important;"); // insert the modal backdrop if there isn't one: there was a bug at thank you modal if ($('.modal-backdrop').length === 0) { $('body').append('<div class="modal-backdrop show"></div>'); } else if ($('.modal-backdrop').length > 1) { // remove extra modal backdrop $('.modal-backdrop:gt(0)').remove(); } $(".modal-backdrop.show").attr("style", "display: block !important;"); $("body").removeClass("modal-pagefeedback-open").addClass("modal-websitefeedback-open"); }; function websitefeedbackModalClose(getIdValue) { if (!isWebsitefeedbackModalOpen) return; isWebsitefeedbackModalOpen = false; $(getIdValue) .removeClass(websitefeedbackOpenAnimationClasses) .attr("style", "display: none;"); $(".modal-backdrop.show").remove(); $("body").removeClass("modal-websitefeedback-open"); }; $(".websiteclose-btn").click(function () { websitefeedbackModalClose("#websitefeedback"); if ($('.modal-backdrop').length > 0) { $('.modal-backdrop').remove(); } $("#pagefeedback").removeClass("d-none").hide(); }); //Setup page feedback delays //delay 15 second if ($("#pagefeedback").hasClass("delay") && $("#pagefeedback").hasClass("15")) { timeoutFn = setTimeout(function () { pagefeedbackModalOpen("#pagefeedback"); $("#pagefeedback").attr("aria-modal", "true").removeAttr("aria-hidden"); $("body").addClass("modal-pagefeedback-open modal-open"); $("#pagefeedback-btn").addClass("pagefeedback-delay-active"); }, 15000); } //delay 30 second else if ($("#pagefeedback").hasClass("delay") && $("#pagefeedback").hasClass("30")) { timeoutFn = setTimeout(function () { pagefeedbackModalOpen("#pagefeedback"); $("#pagefeedback").attr("aria-modal", "true").removeAttr("aria-hidden"); $("body").addClass("modal-pagefeedback-open modal-open"); $("#pagefeedback-btn").addClass("pagefeedback-delay-active"); }, 30000); } //delay 90 second else if ($("#pagefeedback").hasClass("delay") && $("#pagefeedback").hasClass("90")) { timeoutFn = setTimeout(function () { pagefeedbackModalOpen("#pagefeedback"); $(".delay").attr("aria-modal", "true").removeAttr("aria-hidden"); $("body").addClass("modal-pagefeedback-open modal-open"); $("#pagefeedback-btn").addClass("pagefeedback-delay-active"); }, 90 * 1000); } //delay 2 mins else if ($("#pagefeedback").hasClass("delay") && $("#pagefeedback").hasClass("120")) { timeoutFn = setTimeout(function () { pagefeedbackModalOpen("#pagefeedback"); $(".delay").attr("aria-modal", "true").removeAttr("aria-hidden"); $("body").addClass("modal-pagefeedback-open modal-open"); $("#pagefeedback-btn").addClass("pagefeedback-delay-active"); }, 2 * 60 * 1000); } //no delay else { $("#pagefeedback").removeAttr("aria-modal").removeAttr("aria-hidden"); $("body").removeClass("modal-pagefeedback-open modal-open"); }; $(".websitefeedback").click(function () { $("#websitefeedback .modal-dialog").css("display", "block"); }); $(".websiteclose-btn").click(function () { websitefeedbackModalClose("#websitefeedback"); }); $(".pageclose-btn").click(function () { pagefeedbackModalClose("#pagefeedback"); }); var websiteFeedbackCookie = "voc_websiteFeedback"; if (typeof $.cookie === 'function') { var cookieWebsiteTest = ($.cookie(websiteFeedbackCookie) != '') ? $.cookie(websiteFeedbackCookie) : null; if (cookieWebsiteTest) { $("#pagereceiver").show(); $("#receiver1").html("Thank you for your feedback"); $(".websitemodal-footer").css("display", "none"); } //check cookie after submit button var pageFeedbackCookie = "voc_pageFeedback_" + document.title; //var pageFeedbackCookie = "voc_pageFeedback"; var cookiePageTest = ($.cookie(pageFeedbackCookie) != '') ? $.cookie(pageFeedbackCookie) : null; // var pageFeedbackCookieCheck= $.cookie ? $.cookie(pageFeedbackCookie): false; if (cookiePageTest) { $("#receiver1").show(); $("#pagereceiver").html("Thank you for your feedback"); $("#websitefeedback .pagemodal-footer").css("display", "none"); $("#pagefeedback").removeClass("delay animate__animated animate__fadeInRight 15 30 90 120"); } //check cookie after Cross button //var pageFeedbackCloseCookie = "voc_pageFeedback_" + document.title + "_close"; var pageFeedbackCloseCookie = "voc_pageFeedback_close"; var cookiePageCloseTest = ($.cookie(pageFeedbackCloseCookie) != '') ? $.cookie(pageFeedbackCloseCookie) : null; // var pageFeedbackCookieCheck= $.cookie ? $.cookie(pageFeedbackCookie): false; if (cookiePageCloseTest) { $("#receiver1").show(); $("#pagefeedback").removeClass("delay animate__animated animate__fadeInRight 15 30 90 120"); } } $("#question-group-2-1, #question-group-2-2, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-5").hide(); $("#question-group-6-1, #question-group-6-2, #question-group-6-3, #question-group-6-4, #question-group-6-5").hide(); $('input[type="radio"]').click(function() { if ($(this).attr("name") == "question-2") { var inputValue = $(this).attr("value"); //alert("inputValue " + inputValue); if (inputValue == "Animals services") { $("#question-group-2-1").show(); $("#question-group-2-2, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Bylaws or public safety") { $("#question-group-2-2").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Building, development or business licenses") { $("#question-group-2-3").show(); $("#question-group-2-1, #question-group-2-2, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "City careers") { $("#question-group-2-4").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-2, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "City Council, boards, commissions or elections") { $("#question-group-2-5").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-2, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Environment, waste, recycling or water") { $("#question-group-2-6").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-2, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Festivals, special events or tourism") { $("#question-group-2-7").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-2, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Recreation, parks or public art") { $("#question-group-2-8").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-2, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Social programs, community services or Census") { $("#question-group-2-9").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-2, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Taxes or property assessment") { $("#question-group-2-10").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-2, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Traffic, transportation or roads") { $("#question-group-2-11").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-2").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Other") { $("#question-group-2-1, #question-group-2-2, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").addClass("mb-responsive"); } } if ($(this).attr("name") == "question-4") { var inputValue = $(this).attr("value"); if (inputValue == "yes") { $("#question-group-5").show(); } else if (inputValue == "no") { $("#question-group-5").hide(); } } if ($(this).attr("name") == "question-6") { var inputValue = $(this).attr("value"); if (inputValue == "yes") { $("#question-group-6-1, #question-group-6-2, #question-group-6-3, #question-group-6-4, #question-group-6-5").show(); $("#question-group-6").removeClass("mb-responsive"); } else if (inputValue == "no") { $("#question-group-6-1, #question-group-6-2, #question-group-6-3, #question-group-6-4, #question-group-6-5").hide(); $("#question-group-6").addClass("mb-responsive"); } } }); // click outside of the modal dialog will hide the backdrop background and the modal window var modalContentWindow = $(".voc-modal-content"); $("body").on('click', function (e) { if (($(e.target).closest(modalContentWindow).length === 0) && ($(".modal-dialog").hasClass("modal-dialog-voc"))) { modalContentWindow.parent().parent().hide().removeClass("show").removeAttr("aria-modal"); $("body").removeClass("modal-open"); if (isWebsitefeedbackModalOpen) { websitefeedbackModalClose("#websitefeedback"); $(".modal-backdrop").hide(); } if (isPagefeedbackModalOpen) { pagefeedbackModalClose("#pagefeedback"); $(".modal-backdrop").hide(); } } }); $(document).on('click', '[name="webrating-1"]', function () { $('.webrating-1').hide(); }); $(document).on('click', '[name="question-1"]', function () { $('.question-1').hide(); }); $(document).on('click', '[name="question-2"]', function () { $('.question-2').hide(); }); $(document).on('click', '[name="question-2-1"]', function () { $('.question-2-1').hide(); }); $(document).on('click', '[name="question-2-2"]', function () { $('.question-2-2').hide(); }); $(document).on('click', '[name="question-2-3"]', function () { $('.question-2-3').hide(); }); $(document).on('click', '[name="question-2-4"]', function () { $('.question-2-4').hide(); }); $(document).on('click', '[name="question-2-5"]', function () { $('.question-2-5').hide(); }); $(document).on('click', '[name="question-2-6"]', function () { $('.question-2-6').hide(); }); $(document).on('click', '[name="question-2-7"]', function () { $('.question-2-7').hide(); }); $(document).on('click', '[name="question-2-8"]', function () { $('.question-2-8').hide(); }); $(document).on('click', '[name="question-2-9"]', function () { $('.question-2-9').hide(); }); $(document).on('click', '[name="question-2-10"]', function () { $('.question-2-10').hide(); }); $(document).on('click', '[name="question-2-11"]', function () { $('.question-2-11').hide(); }); $(document).on('click', '[name="webrating-2"]', function () { $('.webrating-2').hide(); }); $(document).on('keypress', '[name="description-1"]', function () { $('.description-1').hide(); }); $(document).on('click', '[name="question-4"]', function () { $('.question-4').hide(); }); $(document).on('click', '[name="question-5"]', function () { $('.question-5').hide(); }); $(document).on('keypress', '[name="description-2"]', function () { $('.description-2').hide(); }); $(document).on('click', '[name="webrating-3"]', function () { $('.webrating-3').hide(); }); $(document).on('click', '[name="webrating-4"]', function () { $('.webrating-4').hide(); }); $(document).on('click', '[name="webrating-5"]', function () { $('.webrating-5').hide(); }); $(document).on('click', '[name="webrating-6"]', function () { $('.webrating-6').hide(); }); $(document).on('click', '[name="webrating-7"]', function () { $('.webrating-7').hide(); }); $(document).on('click', '[name="webrating-8"]', function () { $('.webrating-8').hide(); }); $(document).on('click', '[name="question-6"]', function () { $('.question-6').hide(); }); //$('.GenderValidation').remove(); $(document).on('click', '[name="rating"]', function () { $('.rating').hide(); }); $(document).on('click', '[name="q1"]', function () { $('.q1').hide(); }); $(document).on('keypress', '[name="pageFeedback-useful"]', function () { $('.pageFeedback-useful').hide(); }); $(document).on('keypress', '[name="pageFeedback-description"]', function () { $('.pageFeedback-description').hide(); }); $("#pagefeedback-modelbtn").click(function (e) { //window.alert("Create dataLayer"); e.preventDefault(); //return device type var pageTitle = document.title; var OperatingSystem = checkOS(); var deviceType = isMobileTablet(); //return the browser namr var Browseragent = checkBrowser() || "Others"; //The appName property returns the application name of the browser var navigatorappName = navigator.appName; //The appVersion property returns version information about the browser var navigatorappVersion = navigator.appVersion; //The product property returns the product name of the browser. var navigatorproduct = navigator.product; //The userAgent property returns the user-agent header sent by the browser to the server var navigatoruserAgent = navigator.userAgent; //The platform property returns the browser platform (operating system) var navigatorplatform = navigator.platform; //The onLine property returns true if the browser is online var navigatoronLine = navigator.onLine; //The window.screen object contains information about the user's screen. var screenwidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0, screen.width || 0); //The screen.height property returns the height of the visitor's screen in pixels. var screenheight = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0, screen.height || 0); //Return the URL of the page var docurl = document.URL; //Return the refferal URL var docreferrer = document.referrer; // var pagetitle = document.title; //q1a var selectservice = $("select[name=q1a]").children("option:selected").val() || "none"; //var selectservice = $(".cmp-form-options__field--drop-down").children("option:selected").val(); var ratingValue = $("input[name='rating']:checked").val() || "Zero"; var q1 = $("input[name='q1']:checked").val() || "none"; //var q1 = $(".cmp-form-options__field--radio:checked").val(); var pageFeedback_useful = $("textarea[name=pageFeedback-useful]").val() || "none"; var pageFeedback_description = $("textarea[name=pageFeedback-description]").val() || "none"; var informationClass = $('#pagefeedback').hasClass('information'); var taskClass = $('#pagefeedback').hasClass('task'); var surveyType; if (informationClass == true) { surveyType = "Information"; } else if (taskClass == true) { surveyType = "Task"; } else { surveyType = "Covid"; } if (ratingValue) { ratingValue = ratingValue; } else { ratingValue = "Zero" } if (q1) { q1 = q1; } else { q1 = 0 } if (selectservice) { selectservice = selectservice; } else { selectservice = "none" } if (pageFeedback_useful) { pageFeedback_useful = pageFeedback_useful; } else { pageFeedback_useful = "none" } if (pageFeedback_description) { pageFeedback_description = pageFeedback_description; } else { pageFeedback_description = "none" } /* $.getJSON('https://ipapi.co/json/', function(data){ //console.log(data) ; return data; }) */ //$(".pagemodal-footer").css("display", "none"); pageFeedback = { page: { pageInfo: { "Device_Type": deviceType, "Operating_System": getOS(), "Browser_agent": Browseragent, "Navigator_appName": navigatorappName, "Navigator_appVersion": navigatorappVersion, "Navigator_product": navigatorproduct, "Navigator_userAgent": navigatoruserAgent, "Navigator_platform": navigatorplatform, "Navigator_onLine": navigatoronLine, "Viewport": screenwidth + " X " + screenheight, "Document_url": docurl, "Current_City": "", "Current_Date": getCurrentDate(), "Current_Time": getCurrentTime(), "page_title": pageTitle, "Document_referrer": docreferrer, "Department": isDepartment(), "BusinessUnit": isBusinessUnit(), "Userfeedback": { "1_surveyType": surveyType, "2_How_satisfied_are_you_with_this_page": ratingValue, "3_Did_you_find_the_information_you_were_looking_for": q1, "4_pageFeedback_useful": pageFeedback_useful, "5_pageFeedback_description": pageFeedback_description, "6_selectservice": selectservice } } } } //Add condition for form is filled or not if (ratingValue != 'Zero' || q1 != 'none') { //var pageFeedbackCookie = "voc_pageFeedback"; var pageTitle = document.title; var pageFeedbackCookiewithSession = "voc_pageFeedback_" + pageTitle; //$.cookie(pageFeedbackCookie, "voc_pageFeedback", { expires : pageCookieTime }); $.cookie(pageFeedbackCookiewithSession, "voc_pageFeedback_" + pageTitle, { expires: pageCookieTime }); $("#pagereceiver").html("Thank you for your feedback"); $("#pagefeedback .pagemodal-footer").css("display", "none"); setTimeout(function () { pagefeedbackModalClose("#pagefeedback"); }, 6000); } else if (ratingValue == 'Zero' && q1 == 'none') { pagefeedbackModalClose("#pagefeedback"); function submitForm(event) { event.preventDefault(); window.history.back(); } } }); $("#pageFeedback-group-1").hide(); $("#pageFeedback-group").hide(); $('input[type="radio"]').click(function () { if ($(this).attr("name") != "rating") { var inputValue = $(this).attr("value"); if (inputValue == "eventually" || inputValue == "no") { $("#pageFeedback-group, #pageFeedback-group-1").show(); } else { $("#pageFeedback-group, #pageFeedback-group-1").hide(); } } }); }); </script> <style> .vocpar .btn-sm.cui.stackedpagefeedback { display: inline-block; position: fixed; right: 0; width: 12rem; transform: rotate(270deg) !important; -webkit-transform: rotate(270deg) !important; -ms-transform: rotate(270deg) !important; transform-origin: right bottom; -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; top: 50%; height: 2rem; z-index: 10001; font-size: 0.9rem !important; } @media (min-width: 1050px) { .vocpar .btn-sm.cui.stackedpagefeedback { top: 50% !important; height: 2rem !important; } } body.modal-pagefeedback-openstacked .side-btnstacked.pageclose-btn { z-index: 5000 !important; } </style> <script> window.onload = function () { if ($("#btnOpenAssessmentChatbot,#chat-widget-container").length) { var buttonsStyle = $("#data-buttons-style").data("buttons-style"); if (buttonsStyle == "stack-buttons") { $('#pagefeedback-btn').attr('style', 'top: 30%!important;width:11rem; font-size:0.9rem!important; height: 2rem!important;'); $('#websitefeedback-btn').removeClass("websitefeedback"); $('#websitefeedback-btn').addClass("stackedpagefeedback"); $('#pagefeedback-btn').attr('style', 'top: 30%!important;width:11rem;font-size:0.9rem!important; height: 2rem!important;'); $('#websitefeedback-btn').removeClass("websitefeedback"); $('#websitefeedback-btn').addClass("stackedpagefeedback"); } if (buttonsStyle == "hide-buttons") { $("#pagefeedback-btn, #websitefeedback-btn").remove(); $("#pagefeedback").removeClass("15 30 90 delay animate__animated animate__fadeInRight "); } } }; </script> </div> </div> </div> </div> </div> </div> <div class="footer"><div class="site-footer section"> <footer class="cui coc-footer "> <div class="footer-inner"> <div class="footer-links-vert footer-section row"> <div class="col-12 text-center"> <ul> <li><a href="/about-us.html">About us</a></li> <li><a href="/info-requests/contact-us.html">Contact us</a></li> <li><a href="/research.html">Research and data</a></li> <li><a href="/careers.html">Careers</a></li> <li><a href="/events.html">Events</a></li> </ul> </div> <div class="col-12"> <h2 class="group-title h3"><span>Other City of Calgary websites</span></h2> <ul class="flex-list"> <li><a class="icon-label cui" href="https://calgary-cwiprod.motorolasolutions.com" target="_blank"><span class="cicon-call-center-person" aria-hidden="true"></span><span class="icon-descript">311</span></a></li> <li><a class="icon-label cui" href="http://engage.calgary.ca" target="_blank"><span class="cicon-comments" aria-hidden="true"></span><span class="icon-descript">Engage</span></a></li> <li><a class="icon-label cui" href="https://myid.calgary.ca" target="_blank"><span class="cicon-user" aria-hidden="true"></span><span class="icon-descript">myID</span></a></li> <li><a class="icon-label cui" href="http://newsroom.calgary.ca" target="_blank"><span class="cicon-bullhorn" aria-hidden="true"></span><span class="icon-descript">News</span></a></li> <li><a class="icon-label cui" href="https://maps.calgary.ca" target="_blank"><span class="cicon-map-marker" aria-hidden="true"></span><span class="icon-descript">Maps</span></a></li> <li><a class="icon-label cui" href="http://cityonline.calgary.ca" target="_blank"><span class="cicon-dollar" aria-hidden="true"></span><span class="icon-descript">City Online</span></a></li> <li><a class="icon-label cui" href="https://liveandplay.calgary.ca/" target="_blank"><span class="cicon-clipboard-user" aria-hidden="true"></span><span class="icon-descript">Live and Play</span></a></li> </ul> <h2 class="group-title h3"><span>City of Calgary social media</span></h2> <ul class="flex-list"> <li> <a class="icon-label stacked cui" href="https://twitter.com/cityofcalgary" target="_blank"> <span class="cicon-twitter-square"></span> <span class="icon-descript">Twitter</span> </a> </li> <li> <a class="icon-label stacked cui" href="https://www.facebook.com/CityofCalgary" target="_blank"> <span class="cicon-facebook-square"></span> <span class="icon-descript">Facebook</span> </a> </li> <li> <a class="icon-label stacked cui" href="https://www.youtube.com/c/thecityofcalgary" target="_blank"> <span class="cicon-youtube-square"></span> <span class="icon-descript">Youtube</span> </a> </li> <li> <a class="icon-label stacked cui" href="https://www.linkedin.com/company/city-of-calgary" target="_blank"> <span class="cicon-linkedin-square"></span> <span class="icon-descript">Linkedin</span> </a> </li> <li> <a class="icon-label stacked cui" href="https://www.instagram.com/cityofcalgary" target="_blank"> <span class="cicon-instagram"></span> <span class="icon-descript">Instagram</span> </a> </li> </ul> <h2 class="group-title h3"><span>For City of Calgary employees</span></h2> <ul class="flex-list mb-0">  <li><a class="icon-label cui" href="/employees/employee-portal.html"><span class="icon-descript">Employee Portal sign in</span></a></li> <li><a class="icon-label cui" href="/employees.html"><span class="icon-descript">Employee resources</span></a></li> </ul> </div> </div> <hr/> <div class="footer-links-horz footer-section"> <h2 class="sr-only">Additional resources</h2> <ul> <li><a href="/general/privacy-policy.html">Privacy Policy</a></li> <li><a href="/general/terms-of-use.html">Terms of Use</a></li> <li><a href="/general/accessibility.html">Accessibility</a></li> <li><a href="/general/search-tips.html">Search Tips</a></li> </ul> </div> <div class="footer-copyright"> <p>© 2025. Official web site of The City of Calgary, located in Calgary, Alberta, Canada.</p> </div> </div> </div> </body> </html>

CINXE.COM

Research and data