Pathways and Trails

  • Be safe. Pass with room.

    Sharing the pathway safely means leaving a minimum of one meter between yourself and the person that you are passing.

    When you’re cycling or riding a scooter on a pathway and you approach others from behind, make yourself heard by using your voice “passing on your left”, or bell.

    Pass safely by adjusting your speed for the situation and ensuring there are no oncoming users before leaving your lane. Also, never pass on blind corners or in underpasses.

Calgary communities, parks and natural areas are connected by an extensive network of multi-use pathways available for all Calgarians to enjoy, whether for walking, running, in-line skating or cycling. In fact, Calgary has the most extensive urban pathway and bikeway network in North America. The City maintains approximately 1000 km of regional pathways and 96 km of trails.

The City is responsible for the planning, design, construction, maintenance and programming of Calgary's multi-use pathway system. Calgary's pathways connect along the Bow and Elbow Rivers, Fish Creek Provincial Park, Nose Creek, West Nose Creek, the Western Irrigation District Canal and the perimeter of Glenmore Reservoir. There’s another 290 km of on-street bikeways and cycle tracks. The Rotary/Mattamy Greenway is a 138 km pathway that loops around the city with many special amenities along the way.

All pathways and trails are for non-motorized use with the exception of powered wheelchairs.

  • A regional pathway is part of the city-wide network, and is typically paved with asphalt and located off-street.
  • A local pathway provides secondary routes within communities, linking residential areas to local attractions such as neighbourhood parks, schools and other community destinations.
  • Trails are unpaved paths typically made of granular or compacted dirt.

Please note that Pathways are off-street routes, and Bikeways are on-street routes.​

Use the digital Pathway and Bikeway map to plan or explore your wheeling or walking routes. Toggle between tabs to view pathways, bikeways, and sidewalks receiving City snow clearing or areas of the pathway network that have closures and detours.

Using our pathways

To ensure everyone who uses our pathways has a safe, enjoyable experience, please review the rules, legal regulations and etiquette guidelines before heading out.

  • Respect the posted speed limit of either 20 km/hour or as posted, depending on location
  • Signal audibly when passing
  • Keep to the right and yield to the right-of-way
  • Only electric recreational vehicles listed on the web​ are permitted on the pathways, such as electric assisted bicycles
  • Power on demand electric or gas bicycles are not allowed on pathways
  • Be considerate to other pathway users
  • Be a responsible pet owner; maintain control and clean up after your pet

At any time of year, we recommend checking for pathway closures on the Pathways and Bikeways mobile application or online before you start your journey.​​​

To report inappropriate activities (i.e. vandalism) or safety concerns contact 311​.

Network map

The Pathways and Bikeways Map is now available in two formats. Pick the one that’s right for you:

  • Online – If you prefer, use the online map. It too will give you the most up-to-date routes and, by navigating through the various links, you'll discover many other tips and resources for using The Citys pathways, bikeways and downtown cycle tracks. If you're a new path user, you may want to start with one of our recommended routes.
  • Paper Copy – The second option is a print map or pick up the current version at any City of Calgary Aquatic and Fitness Centres.

History of Calgary's pathways

In the late 1960s, Calgarians began envisioning a system of connected pathways on which they could travel throughout the city and access areas of unique natural beauty. The first completed section of the pathway was built through Confederation Park in the early 1970s. Pathways along the Bow River and Elbow River were subsequently made from crushed red shale (clinker shale from burned out coal seams). Asphalt later became the preferred material of choice because of its durability. Eventually, the red shale pathways were resurfaced with asphalt.

Today we continue to add to and improve the pathway network, addressing missing links, lifecycle repairs and safety improvem​ents.​​​​​​​

Pathway closures/detours & access/proximity ePermits and manual

-- Found under Roads ePermits --

Private contractors, consultants, utility companies, and City personnel that require a closure of a City of Calgary pathway, due to construction should refer to the manual.

Snow on our pathways

Is it snowing? To make it easier for Calgarians to use the pathway system, maintenance activities include clearing snow from approximately 400 kilometers of paved (regional) pathways, usually within 24 hours of a snowfall. Be sure to check out the latest information about snow clearing on Calgary’s pathways.


Related information

​​​​​​
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
'); } 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(); } } }); $("#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"); } } }); // 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(); $("#websitefeedback-modelbtn").click(function (e) { e.preventDefault(); var webFeedbackVar = { webrating_1: $("input[name='webrating-1']:checked").val() || "Zero", question_1: $("input[name='question-1']:checked").val() || "none", question_2: $("input[name='question-2']:checked").val() || "none", question_2_1: $("input[name='question-2-1']:checked").val() || "none", question_2_2: $("input[name='question-2-2']:checked").val() || "none", question_2_3: $("input[name='question-2-3']:checked").val() || "none", question_2_4: $("input[name='question-2-4']:checked").val() || "none", question_2_5: $("input[name='question-2-5']:checked").val() || "none", question_2_6: $("input[name='question-2-6']:checked").val() || "none", question_2_7: $("input[name='question-2-7']:checked").val() || "none", question_2_8: $("input[name='question-2-8']:checked").val() || "none", question_2_9: $("input[name='question-2-9']:checked").val() || "none", question_2_10: $("input[name='question-2-10']:checked").val() || "none", question_2_11: $("input[name='question-2-11']:checked").val() || "none", webrating_2: $("input[name='webrating-2']:checked").val() || "Zero", description_1: $("textarea[name='description-1']").val() || "none", question_4: $("input[name='question-4']:checked").val() || "none", question_5: $("input[name='question-5']:checked").val() || "none", description_2: $("textarea[name='description-2']").val() || "none", webrating_3: $("input[name='webrating-3']:checked").val() || "Zero", //webrating_4: $("input[name='webrating-4']:checked").val() || 0, webrating_5: $("input[name='webrating-5']:checked").val() || "Zero", webrating_6: $("input[name='webrating-6']:checked").val() || "Zero", webrating_7: $("input[name='webrating-7']:checked").val() || "Zero", //webrating_8: $("input[name='webrating-8']:checked").val() || 0, question_6: $("input[name='question-6']:checked").val() || "none", question_6_1: $("input[name='question-6-1']:checked").val() || "none", question_6_2: $("input[name='question-6-2']:checked").val() || "none", question_6_3: $("input[name='question-6-3']:checked").val() || "none", //question_6_4: $("input[name='question-6-4']:checked").val() || "none", question_6_5: $("input[name='question-6-5']:checked").val() || "none" }; /* if(webFeedbackVar.webrating_1 == 0 || webFeedbackVar.question_1 == 0 || webFeedbackVar.question_2 == 0 || (webFeedbackVar.question_2_1 == 0 && webFeedbackVar.question_2_2 == 0 && webFeedbackVar.question_2_3 == 0 && webFeedbackVar.question_2_4 == 0 && webFeedbackVar.question_2_5 == 0 && webFeedbackVar.question_2_6 == 0 && webFeedbackVar.question_2_7 == 0 && webFeedbackVar.question_2_8 == 0 && webFeedbackVar.question_2_9 == 0 && webFeedbackVar.question_2_10 == 0 && webFeedbackVar.question_2_11 == 0) || webFeedbackVar.webrating_2 == 0 || webFeedbackVar.description_1 == "" || (webFeedbackVar.question_4 == 0 && webFeedbackVar.question_5 == 0) || webFeedbackVar.description_2 == "" || webFeedbackVar.webrating_3 == 0 || webFeedbackVar.webrating_4 == 0 || webFeedbackVar.webrating_5 == 0 || webFeedbackVar.webrating_6 == 0 || webFeedbackVar.webrating_7 == 0 || webFeedbackVar.webrating_8 == 0 || webFeedbackVar.question-6 == 0){ $('.web-error').html("Error : This field is required."); return false; } */ //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 = screen.width; //The screen.height property returns the height of the visitor's screen in pixels. var screenheight = screen.height; //Return the URL of the page var docurl = document.URL; //Return the refferal URL var docreferrer = document.referrer; $.cookie("voc_websiteFeedback", "voc_website_feedback", { expires: websiteCookieTime }); $("#websitefeedback .modal-footer").attr("style", "display:none"); websiteFeedback = { page: { webSiteInfo: { "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": { "surveyType": "Visit", "1_Overall satisfaction with Calgary.ca?": webFeedbackVar.webrating_1, "2_Reason for your visit?": webFeedbackVar.question_1, "3_How easy was it to complete your task?": webFeedbackVar.webrating_2, "4_What task were you trying to perform?": webFeedbackVar.description_1, "5_Did you have difficulty completing your task?": webFeedbackVar.question_4, "6_What action did you take or will you take?": webFeedbackVar.question_5, "7_What would make your experience better?": webFeedbackVar.description_2, "8_How easy it is to find or access information?": webFeedbackVar.webrating_3, //"9_How would you rate how clear the information is on Calgary.ca?": webFeedbackVar.webrating_4, "10_How easy Calgary.ca is to use?": webFeedbackVar.webrating_5, "11_Were you provided answers to your questions?": webFeedbackVar.webrating_6, "12_Is the information accurate and relevant?": webFeedbackVar.webrating_7, //"12_1_How would you rate how well Calgary.ca meets your overall expectations compared to other websites you visit?": webFeedbackVar.webrating_8, "13_What was the main area of Calgary.ca you were visiting?": webFeedbackVar.question_2, "14_What Animal service were you looking for?": webFeedbackVar.question_2_1, "15_What Bylaw or Public Safety service were you looking for?": webFeedbackVar.question_2_2, "16_What Building, Development or Business service were you looking for?": webFeedbackVar.question_2_3, "17_What Careers service were you looking for?": webFeedbackVar.question_2_4, "18_What Census or City council service were you looking for?": webFeedbackVar.question_2_5, "19_What Environment, Waste, Water service were you looking for?": webFeedbackVar.question_2_6, "20_What Events or Tourism service were you looking for?": webFeedbackVar.question_2_7, "21_What Recreation, Parks, Public Art service were you looking for?": webFeedbackVar.question_2_8, "22_What Social Program, Community Service were you looking for?": webFeedbackVar.question_2_9, "23_What Tax or Assessment service were you looking for?": webFeedbackVar.question_2_10, "24_What Traffic, Transportation, Roads service were you looking for?": webFeedbackVar.question_2_11, "25_To help group these survey results, would you answer a few quick demographic questions?": webFeedbackVar.question_6, "26_What is your role in visiting today?": webFeedbackVar.question_6_1, "27_What is your age group?": webFeedbackVar.question_6_2, "28_What is the highest level of schooling?": webFeedbackVar.question_6_3, // "29_What device were you using on Calgary.ca today?": webFeedbackVar.question_6_4, "30_Where do you live?": webFeedbackVar.question_6_5 } } } } //console.log(websiteFeedback); $("#receiver1").html("Thank you for your feedback"); $("#websitefeedback").attr("style", "display:block !important;"); }); $(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" } 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(); } } }); //});