What are Announcements? - Instructure Community

<!DOCTYPE html><html prefix="og: http://ogp.me/ns#" dir="ltr" lang="en" class="no-js"> <head> <title> What are Announcements? - Instructure Community - 39 </title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <link rel="icon" href="https://community.canvaslms.com/html/@38CA18A8E991F1C9253B6861FBF1D97B/assets/favicon.ico" /> <link rel="preload" href="https://community.canvaslms.com/html/@5258FCD319B0C0141854C1722AD26CAC/assets/ext-footer.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://community.canvaslms.com/html/@5258FCD319B0C0141854C1722AD26CAC/assets/ext-footer.css"></noscript> <link rel="preload" href="https://community.canvaslms.com/html/@4AC2DDCAEC1EA8207189DE50411081FF/assets/fontawesome.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://community.canvaslms.com/html/@4AC2DDCAEC1EA8207189DE50411081FF/assets/fontawesome.css"></noscript> <link href="https://community.canvaslms.com/html/@5CC1344EA5CEBD44DB378D3475A9732B/assets/solid.css" rel="stylesheet"> <link href="https://community.canvaslms.com/html/@C0B0E9C509C678093F61D61335A79E22/assets/regular.css" rel="stylesheet"> <link href="https://community.canvaslms.com/html/@F706AE08DD6C70ADB6796FC0409DA572/assets/brands.css" rel="stylesheet"> <script id="MathJax-script" defer src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>  <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="e5d97629-58e2-402a-a04f-54835186e1dd" ></script> <script type="text/javascript"> function OptanonWrapper() { } </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-M2QMTZV');</script>   <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '613649908842349'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=613649908842349&ev=PageView&noscript=1" /></noscript>  <meta name="google-site-verification" content="iHyFYvsCXNzjdcls1UFG55dUQps-H3sgb3tjUObOKOg" /> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "h2cmmx0zxe"); </script> <meta content="Announcements allow instructors to communicate with students about course activities and post interesting course-related topics. Course - 39" name="description"/><meta content="width=device-width, initial-scale=1.0, user-scalable=yes" name="viewport"/><meta content="2024-11-18T13:00:51-08:00" itemprop="dateModified"/><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><link href="https://community.canvaslms.com/t5/Canvas-Basics-Guide/What-are-Announcements/ta-p/39" rel="canonical"/> <meta content="https://community.canvaslms.com/t5/user/viewprofilepage/user-id/6" property="article:author"/><meta content="Instructure Community" property="og:site_name"/><meta content="article" property="og:type"/><meta content="https://community.canvaslms.com/t5/Canvas-Basics-Guide/What-are-Announcements/ta-p/39" property="og:url"/><meta content="canvas" property="article:tag"/><meta content="canvas basics" property="article:tag"/><meta content="all users" property="article:tag"/><meta content="announcements" property="article:tag"/><meta content="Canvas Basics Guide" property="article:section"/><meta content="Announcements allow instructors to communicate with students about course activities and post interesting course-related topics. Course announcements are designed to allow instructors to broadcast information out to all members of a course or to all members of sections within a course. Students may ..." property="og:description"/><meta content="2020-07-20T16:43:24.498Z" property="article:published_time"/><meta content="2024-11-18T13:00:51-08:00" property="article:modified_time"/><meta content="What are Announcements?" property="og:title"/> <link class="lia-link-navigation hidden live-links" title="article What are Announcements? in Canvas Basics Guide" type="application/rss+xml" rel="alternate" id="link" href="/xjnht99997/rss/message?board.id=basics&message.id=39"></link> <link href="/skins/6575907/736603bd5326ae4b5b8ee3167988784d/instructure.css" rel="stylesheet" type="text/css"/> <meta property="og:image" content="https://community.canvaslms.com/html/@0E29A50A4F524F8424521218904BFCB2/assets/CommunityPreview23.png"> <meta name="twitter:image" content="https://community.canvaslms.com/html/@0E29A50A4F524F8424521218904BFCB2/assets/CommunityPreview23.png"> <link rel="icon" href="https://community.canvaslms.com/html/@38CA18A8E991F1C9253B6861FBF1D97B/assets/favicon.ico"> <script language="javascript" type="text/javascript">  </script></head> <body class="lia-tkb lia-user-status-anonymous TkbArticlePage lia-body lia-a11y" id="lia-body"> <div id="skipLinkNavigator"><a class="lia-link-navigation lia-skip-navigation-link lia-component-common-widget-link" id="link_2485fedbb98fab" href="#lia-main-aria-landmark">Skip to main content</a></div> <div id="9F6-194-2" class="ServiceNodeInfoHeader"> </div> <div class="lia-page"> <center>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M2QMTZV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="MinimumWidthContainer"> <div class="min-width-wrapper"> <div class="min-width"> <div class="lia-content"> <div class="lia-browser-support-alert"> <div class="lia-browser-support-alert-text"> We no longer support Internet Explorer v10 and older, or you have compatibility view enabled. Disable Compatibility view, upgrade to a newer version, or use a different browser. </div> <div class="lia-browser-support-alert-close"> <a class="lia-link-navigation lia-link-ticket-post-action" data-lia-action-token="ElNATTGzIuNvA_cQJXpopnlfzrUkIWxeGiXTx3NQVkI." rel="nofollow" id="dismissAlert" href="https://community.canvaslms.com/t5/tkb/v2_4/articlepage.liabase.basebody.browsersupportalert.dismissalert:dismissalert?t:ac=blog-id/basics/article-id/39"><span class="lia-img-close-small lia-fa-close lia-fa-small lia-fa" title="Dismiss this alert" alt="Dismiss this alert" aria-label="Dismiss this alert" role="img" id="display"></span></a> </div> </div> <div class="lia-quilt lia-quilt-tkb-article-page-sidetoc lia-quilt-layout-tkb-two-column-left-toc lia-top-quilt lia-quilt-tkb-article-page-v2_4"> <div class="lia-quilt-row lia-quilt-row-header"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-common-header"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <div class="lia-quilt lia-quilt-header lia-quilt-layout-header lia-component-quilt-header"> <div class="lia-quilt-row lia-quilt-row-main-header-top"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-header-top"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <script> // Function to disable iframe and display text function disableIframe(iframe, source) { // Check if the "OptanonAlertBoxClosed" cookie exists const cookieExists = document.cookie.indexOf("OptanonAlertBoxClosed") !== -1; // If the cookie doesn't exist, disable iframe if (!cookieExists && !iframe.classList.contains('ot-text-resize')) { let src = iframe.src; iframe.setAttribute('data-src', source); iframe.removeAttribute('src'); const overlay = document.createElement('div'); overlay.classList.add('overlay'); const overlayText = document.createElement('p'); // Set the text content of the div // Set styles for the overlay overlay.style.position = 'absolute'; overlay.style.top = iframe.offsetTop + 'px'; overlay.style.left = iframe.offsetLeft + 'px'; overlay.style.width = iframe.offsetWidth + 'px'; overlay.style.height = iframe.offsetHeight + 'px'; overlay.style.backgroundColor = 'rgba(120, 120, 120, 0.8)'; overlay.style.zIndex = '9999'; overlay.style.display = 'flex'; overlay.style.justifyContent = 'center'; overlay.style.alignItems = 'center'; overlayText.style.fontSize = '20px'; overlayText.style.color = '#FFF'; overlayText.textContent = "Please accept the cookie policy before viewing this external content."; overlayText.style.textAlign = 'center'; overlayText.style.padding = '20px'; overlayText.style.backgroundColor = 'rgba(30, 30, 30, 0.8)'; overlayText.style.borderRadius = '10px'; overlayText.style.zIndex = '9999'; overlayText.style.margin = '10px'; // Insert overlay before the iframe iframe.parentNode.insertBefore(overlay, iframe); overlay.appendChild(overlayText); } } // Function to enable iframe and remove overlay function enableIframe(iframe) { // Remove overlay const overlay = iframe.previousElementSibling; if (overlay && overlay.classList.contains('overlay')) { overlay.parentNode.removeChild(overlay); } // Enable iframe const dataSrc = iframe.getAttribute('data-src'); if (dataSrc) { iframe.src = dataSrc; iframe.removeAttribute('data-src'); } } // Wait for the DOM content to be loaded document.addEventListener("DOMContentLoaded", function () { const cookieExists = document.cookie.indexOf("OptanonAlertBoxClosed") !== -1; if (cookieExists) { return; } else { // Function to continuously check for the existence of the accept button function checkAcceptButton() { const acceptButton = document.getElementById('onetrust-accept-btn-handler'); if (acceptButton) { const cookieCloseBtn = document.querySelector('.onetrust-close-btn-handler'); acceptButton.addEventListener('click', function () { // Select all iframes on the page const iframes = document.querySelectorAll('iframe'); // Loop through each iframe and enable it iframes.forEach(function (iframe) { enableIframe(iframe); }); }); cookieCloseBtn.addEventListener('click', function () { // Select all iframes on the page const iframes = document.querySelectorAll('iframe'); // Loop through each iframe and enable it iframes.forEach(function (iframe) { enableIframe(iframe); }); }); } else { // If the accept button is not found, check again after 100 milliseconds setTimeout(checkAcceptButton, 100); } } // Start checking for the accept button checkAcceptButton(); // Select all iframes on the page var iframes = document.querySelectorAll('iframe'); // Loop through each iframe iframes.forEach(function (iframe) { const src = iframe.src; disableIframe(iframe, src); }); } }); </script> <style> .lia-top-quilt>.lia-quilt-row-header .lia-quilt-row-main-header-top .lia-quilt-column-header-top, #lia-body .lia-top-quilt>.lia-quilt-row-header .lia-component-quilt-header .lia-quilt-row-main-header-top { padding: 0; } #lia-body .lia-top-quilt>.lia-quilt-row-header .lia-component-quilt-header .lia-quilt-row-main-header-top>div>.lia-quilt-column-alley-single { display: block; } .inst-comm-nav-wrapper { display: grid; grid-template-columns: 1fr 2fr 1fr; height: 8.8rem; position: relative; } .navigation-wrapper, .actions-wrapper { display: flex; align-items: center; } .navigation-wrapper { justify-content: center; } .actions-wrapper { justify-self: flex-end; } .inst-comm-menu { background-color: transparent; align-self: center; height: 100%; } .inst-comm-menu ol { list-style: none; display: flex; padding: 0; margin: 0; height: 100%; } .community-logo { display: flex; align-items: center; padding: 2rem; height: 100%; } .community-logo img { height: 4.8rem; } .nav-right-flex { display: flex; position: relative; } .action-items-wrapper { display: flex; justify-content: center; } .nav-right-flex .lia-header-nav-component-widget { display: block; align-self: center; } .nav-right-flex .lia-header-nav-component-widget a { color: #FFF; } #myactivity, .lia-header-nav-component-widget .private-notes-link, .lia-header-nav-component-widget .lia-notification-feed-page-link { display: block; padding: 0.8rem; color: #FFF; height: 4.4rem; } .lia-header-nav-component-widget .private-notes-link:before, .lia-header-nav-component-widget .lia-notification-feed-page-link:before { color: #FFF; } .lia-component-users-widget-menu { padding: 1rem; align-self: center; } .nav-right-flex #myactivity i { color: #FFF; } .actions-wrapper .login-link { height: auto; border-radius: 2.4rem; background-image: linear-gradient(90deg, #E72429 33%, #F68E20 66%); outline: 0; color: #FFF; font-size: 1.8rem; font-weight: bold; display: block; align-self: center; padding: 1rem; display: flex; white-space: nowrap; margin-right: 1rem; } .actions-wrapper .login-link::after { content: '\f2bd'; font-family: 'Font Awesome 6 Pro'; font-weight: normal; font-size: 2.8rem; padding-left: 1rem; } .actions-wrapper .login-link:hover { text-decoration: none; } .nav-question-btn { display: block; align-self: center; color: white; padding: 0.8rem 2rem; border-radius: 2.4rem; margin: 1rem; white-space: nowrap; transition: all ease-in-out 300ms; font-size: 1.8rem; } .nav-question-btn:hover, .nav-question-btn:active { color:#FFF; background-color: #156380; text-decoration: none; } .user-navigation-settings-dropdown-link { display: flex; } .inst-comm-nav-wrapper .UserNavigation .lia-user-avatar-message { height: 4.4rem; width: 4.4rem; } .inst-comm-nav-wrapper .UserAvatar>img { border: 2px solid #143D50; } .menu-link { font-size: 1.8rem; height: 100%; } .top-nav-btn { background-color: transparent; font-weight: bold; border: none; height: 100%; padding: 0 1.6rem; color:#FFF; border-bottom: 4px solid transparent; transition: all ease-in-out 300ms; } .top-nav-btn:hover { border-bottom: 4px solid #FACB13; } .top-nav-btn.opened { border-bottom: 4px solid #FACB13; } .menu-content { display: none; z-index: 999; } .menu-content.show { display: flex; justify-content: space-between; background-color: white; width: 100%; left: 0; top: 8.8rem; position: absolute; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); } .main-links { display: flex; flex-direction: column; padding: 2rem; width: 100%; height: min-content; } .main-links.product-links { display: flex; flex-direction: row; } .products-wrap-wrapper { display: flex; flex-wrap: wrap; } .products-wrap { display: flex; flex-direction: row; flex-wrap: wrap; } .product-links section { margin-left: 2.8rem; width: 0; min-width: 25rem; height: min-content; min-height: 22.5rem; } .nav-section-label { font-family: 'Tiempos', serif; color:#143d50; /* margin: 1.6rem 0 1rem 0; */ display: flex; align-items: center; gap: 1.2rem; } .nav-section-label img { height: 3.6rem; } .main-links ol { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(26rem, 100%), 32rem)); align-items: center; list-style: none; margin: 0; padding-left: 16px; height: auto; padding-bottom: 1.6rem; } .group-links ol { grid-template-columns: repeat(auto-fill, minmax(min(26rem, 100%), 28rem)); } .main-links.product-links ol { display: flex; flex-direction: column; align-items: flex-start; } .main-links li { transition: all ease-in-out 300ms; display: flex; align-items: center; } .main-links li:hover { background-color: #f2f8fa; text-decoration: none; } .main-links li a { padding: 1.4rem 1rem; text-decoration: none; width: 100%; display: flex; align-items: center; text-align: left; color: #143d50; } .group-links li a { padding: 0.8rem; } .main-links li a:hover { text-decoration: underline; color:#143d50; } .main-links li img { height: 2rem; padding-right: 1.2rem; } .main-links li i { padding-right: 1.2rem; } .main-links li span { padding: 0.3rem 0.6rem; background-color: #52865a; font-size: 1rem; text-transform: uppercase; color: #FFF; text-decoration: none; border-radius: 2rem; } .events-section { padding: 2rem; display: flex; flex-direction: column; flex-wrap: wrap; max-width: 80rem; } .top-nav-border { border-bottom: 2px solid #143d50; margin: 2rem; } .side-nav-section { background-color: #f2f8fa; padding: 2rem 0 2rem 0; min-width: 32rem; } ol.side-nav-list-container { display: flex; flex-wrap: wrap; flex-direction: column; list-style: none; margin: 0; padding: 0; padding-left: 16px; margin-left: 2rem; min-width: 20%; } .side-nav-list-container li { padding: 1.8rem 0; } .side-nav-section ol li a { padding: 1rem; } .side-nav-header { font-weight: bold; font-family: 'Tiempos', serif; padding: 2rem; display: inline-block; } .top-nav-groups-section { padding: 1rem; border: 2px solid #143d50; margin: 1rem 0; border-radius: 1rem; } .top-nav-groups-section ol { list-style: none; padding: 0; margin: 0; } .groups-bottom-btns { display: flex; flex-direction: column; align-items: flex-end; margin-top: 3rem; } .groups-bottom-btns a { padding: 1rem; } .login-reminder { display: block; border-radius: 1rem; background-color: #FFF; padding: 16px 20px; bottom: auto; box-shadow: 0 10px 20px 10px rgba(204,220,228,.25); left: auto; max-width: 27.5rem; position: absolute; right: 1rem; top: 6.5rem; z-index: 99; animation: loginPulse 3s infinite; } .login-reminder--title { font-size: 2rem; padding-bottom: 1rem; font-weight: bold; } .login-reminder--text { font-weight: bold; } .login-reminder .login-link { width: fit-content; float: right; } .login-reminder--close { position: absolute; top: 0.6rem; right: 0.6rem; padding: 0.6rem; cursor: pointer; font-size: 2.2rem; } @keyframes loginPulse { 0% { border: 4px solid #E72429; } 50% { border: 4px solid #F68E20; } 100% { border: 4px solid #E72429; } } @media screen and (max-width: 1150px){ .community-logo img { height: 2.6rem; } .nav-btn-wrapper { display: none; } .main-links.product-links { flex-wrap: wrap; } .product-links section { width: auto; min-height: auto; } .products-wrap { flex-direction: column; } .products-wrap-wrapper { flex-direction: column; } .products-wrap { flex-direction: row; } } @media screen and (max-width: 900px) { .community-logo { justify-content: center; } .inst-comm-nav-wrapper { grid-template-columns: 1fr; height: auto; } .actions-wrapper { justify-self: center; } .actions-wrapper .login-link { margin: 1rem auto 2rem; } .login-reminder { display: none; } .inst-comm-menu ol { flex-direction: column; } .nav-right-flex { flex-direction: column; } .menu-link { text-align: center; } .top-nav-btn { padding: 1.6rem; } .menu-content.show { flex-direction: column; top: auto; } .main-links ol { justify-items: start; } .main-links.product-links { flex-direction: column; } .main-links li a { padding: 1rem; } .events-section { position: relative; } .event-nav-container, .event-nav-content, .event-nav-wrapper { display: flex; flex-direction: column; align-items: center; } .nav-btn-wrapper { display: block; } ol.side-nav-list-container { padding-left: 0; margin-left: 0; } .products-wrap-wrapper { flex-direction: column; } .products-wrap { flex-direction: column; } .groups-bottom-btns { align-items: center; } } </style> <div class="inst-comm-nav-wrapper"> <div class="nav-header-wrapper"> <div class="community-logo"> <a href="/"> <picture> <source media="(max-width: 1150px)" srcset="https://community.canvaslms.com/html/@6E962FFFAB6039EB37D7E78731C112BC/assets/Instructure_Logo_Horizontal_White_RGB.svg"> <img src="https://community.canvaslms.com/html/@7B36C08D8A14FC794CEB059D25580B02/assets/InstCommunity_Horiz_Reverse_rgb.webp" alt="Instructure Logo" loading="lazy"> </picture> </a> </div> </div> <div class="navigation-wrapper"> <nav class="inst-comm-menu" aria-label="Main Navigation"> <ol> <li class="menu-link"> <button class="top-nav-btn">Products</button> <div class="menu-content"> <div class="main-links product-links"> <div class="products-nowrap"> <section> <span class="nav-section-label"><img src="https://community.canvaslms.com/html/@3855ADF5B8CEB9265E1EAC1BAF0D971A/assets/Canvas_LMS_Color_Square.webp" alt="Canvas Logo" loading="lazy"> Canvas</span> <ol> <li><a href="/t5/Canvas-LMS/ct-p/canvaslms">Canvas LMS</a></li> <li> <a href="/t5/Canvas-Mobile/ct-p/canvas_mobile">Canvas Mobile</a></li> <li> <a href="/t5/Canvas-Studio/ct-p/studio_guides">Canvas Studio</a></li> <li> <a href="/t5/Canvas-Catalog/ct-p/canvas_catalog">Canvas Catalog</a></li> <li> <a href="/t5/Canvas-Credentials-Badges-Badgr/ct-p/canvas-credentials-badges">Canvas Credentials</a></li> <li> <a href="/t5/Portfolium/ct-p/portfolio">Canvas Student ePortfolios</a></li> <li> <a href="/t5/Portfolium/ct-p/portfolio">Canvas Student Pathways</a></li> <li> <a href="/t5/Canvas-Commons/ct-p/canvas_commons">Canvas Commons</a></li> <li> <a href="/t5/Intelligent-Insights/ct-p/intelligent_insights">Intelligent Insights</a></li> <li> <a href="/t5/Canvas-Network/ct-p/canvas-network">Canvas Network</a></li> </ol> </section> </div> <div class="products-wrap-wrapper"> <div class="products-wrap"> <section> <span class="nav-section-label"><img src="https://community.canvaslms.com/html/@BC31AC83C0FF9F8B358E9054B2CC9529/assets/Mastery_Connect_Color_Square.webp" alt="Mastery Logo" loading="lazy"> Mastery</span> <ol> <li><a href="/t5/Mastery-Connect/ct-p/masteryconnect">Mastery Connect</a></li> <li><a href="/t5/Mastery-Item-Bank/ct-p/mastery-item-bank">Mastery Item Bank</a></li> </ol> </section> <section> <span class="nav-section-label"><img src="https://community.canvaslms.com/html/@692CD50D4587E45F7A08E4B9379AB309/assets/Elevate_Color_Square.webp" alt="Elevate Logo" loading="lazy"> Elevate</span> <ol> <li><a href="/t5/Elevate-Data-Quality/ct-p/elevate_data_quality">Elevate Data Quality</a></li> <li><a href="/t5/Elevate-Data-Sync/ct-p/elevate_data_sync">Elevate Data Sync</a></li> </ol> </section> <section> <span class="nav-section-label"><img src="https://community.canvaslms.com/html/@C94BB0C47DDCEC9BF3B784B99D5BA510/assets/Impact_Color_Square.webp" alt="Impact Logo" loading="lazy"> Impact</span> <ol> <li><a href="/t5/Impact/ct-p/impact">Impact</a></li> </ol> </section> <section> <span class="nav-section-label"><img src="https://community.canvaslms.com/html/@8314273E921545C3B05B12CA7AF005C9/assets/LP_Color_Square.webp" alt="LearnPlatform Logo" loading="lazy"> LearnPlatform</span> <ol> <li><a href="/t5/LearnPlatform/ct-p/learnplatform">LearnPlatform</a></li> </ol> </section> </div> </div> </div> <div class="side-nav-section"> <span class="side-nav-header">Community Resources</span> <ol class="side-nav-list-container"> <li><a href="/t5/Community/tkb-p/community">Community Guides</a></li> <li><a href="/t5/Instructure-Community-Hub/ct-p/community_hub" class="community-hub-confetti">Community Hub</a></li> <li><a href="/t5/The-Product-Blog/bg-p/tldr">Product Blog</a></li> <li><a href="/t5/Instructure-Roadmap/ct-p/instructure-roadmap">Product Roadmap</a></li> <li><a href="/t5/Groups/ct-p/groups">All Groups and Hubs</a></li> <li><a href="/t5/All-Product-Guides/ct-p/all_guides">All Guides</a></li> <li> <a href="/t5/custom/page/page-id/welcome">Learn about Community</a> </li> </ol> </div> </div> </li> <li class="menu-link"> <button class="top-nav-btn">Groups</button> <div class="menu-content"> <div class="main-links group-links"> <span class="nav-section-label">Canvas User Role Hubs</span> <ol> <li><a href="/t5/Canvas-Admin/ct-p/canvas_admin">Canvas Admins</a></li> <li><a href="/t5/Canvas-Instructor/ct-p/canvas_instructor">Canvas Instructors</a></li> <li><a href="/t5/Canvas-Observer/ct-p/canvas_observer">Canvas Observers</a></li> <li><a href="/t5/Canvas-Student/ct-p/canvas_student">Canvas Students</a></li> <li><a href="/t5/Canvas-Instructional-Designers/ct-p/canvas_designers">Canvas Instructional Designers</a></li> <li><a href="/t5/Canvas-Developers-Group/gh-p/developers">Developers</a></li> </ol> <span class="nav-section-label">Interest Groups</span> <ol> <li><a href="/t5/Accessibility/gh-p/accessibility">Accessibility</a></li> <li><a href="/t5/Artificial-Intelligence-in/gh-p/ai_education">Artificial Intelligence in Education</a></li> <li><a href="/t5/Competency-Based-Education/ct-p/CBE">Competency Based Education</a></li> <li><a href="/t5/Canvas-Data-Users/gh-p/data">Data and Analytics</a></li> <li><a href="/t5/Free-For-Teacher-Canvas-Users/gh-p/fft">Free for Teachers Users</a></li> <li><a href="/t5/Global-Customer-Success-Hub/ct-p/global-ps-hub">Global Customer Success</a></li> <li><a href="/t5/Higher-Ed-Canvas-Users/gh-p/highered">Higher Ed Users</a></li> <li><a href="/t5/Instructional-Leadership/gh-p/instructional-leadership">Instructional Leadership</a></li> <li><a href="/t5/K12-Canvas-Users/gh-p/k12">K-12 Users</a></li> <li><a href="/t5/LMS-Migration-Strategies/gh-p/migration">LMS Migration Strategies</a></li> <li><a href="/t5/Mental-Wellness-Hub/gh-p/mental_wellness">Mental Wellness Hub</a></li> <li><a href="/t5/New-Quizzes-Hub/ct-p/new_quizzes_hub">New Quizzes Hub</a></li> <li><a href="/t5/Privacy/ct-p/privacy">Privacy Group</a></li> <li><a href="/t5/Vocation-Ed-Training/gh-p/vet">Vocational Education</a></li> </ol> <span class="nav-section-label">Language Groups</span> <ol> <li><a href="/t5/%E4%B8%AD%E6%96%87%E8%B5%84%E6%BA%90-Chinese/ct-p/chinese">繁體中文 (Chinese)</a></li> <li><a href="/t5/Danske-Ressourcer-Danish/ct-p/danish">Danske (Danish)</a></li> <li><a href="/t5/Nederlandse-Bronnen-Dutch/ct-p/dutch_resources">Nederlands (Dutch)</a></li> <li><a href="/t5/Ressources-en-Fran%C3%A7ais-French/ct-p/french_guides">Français (French)</a></li> <li><a href="/t5/Deutsche-Ressourcen-German/ct-p/german_resources">Deutsch (German)</a></li> <li><a href="https://community.canvaslms.com/t5/Risorse-Italiano-Italian/ct-p/italian_resources">Italiano (Italian)</a></li> <li><a href="/t5/Norske-Ressurser-Norwegian/ct-p/norwegian_resources">Norsk (Norwegian)</a></li> <li><a href="/t5/Recursos-Portugueses-Portuguese/ct-p/portuguese_resources">Português (Portuguese)</a></li> <li><a href="/t5/Recursos-en-Espa%C3%B1ol-Spanish/ct-p/espanol_resources">Español (Spanish)</a></li> <li><a href="/t5/Svenske-Resurser-Swedish/ct-p/swedish_resources">Svenska (Swedish)</a></li> <li><a href="/t5/%E0%B9%81%E0%B8%AB%E0%B8%A5%E0%B9%88%E0%B8%87%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B8%A1%E0%B8%B9%E0%B8%A5%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B9%84%E0%B8%97%E0%B8%A2-Thai/ct-p/ThaiResources">ภาษาไทย (Thai)</a></li> <li><a href="/t5/Adnoddau-Cymreig-Welsh/ct-p/welsh_resources">Cymreig (Welsh)</a></li> </ol> <div class="groups-bottom-btns"> <a href="/t5/Feature-User-Groups/ct-p/betagroups">Feature/Beta User Groups <i class="fa-solid fa-arrow-right"></i></a> <a href="/t5/Groups/ct-p/groups">All Groups and Hubs <i class="fa-solid fa-arrow-right"></i></a> </div> </div> <div class="side-nav-section"> <span class="side-nav-header">Community Resources</span> <ol class="side-nav-list-container"> <li><a href="/t5/Community/tkb-p/community">Community Guides</a></li> <li><a href="/t5/Instructure-Community-Hub/ct-p/community_hub" class="community-hub-confetti">Community Hub</a></li> <li><a href="/t5/The-Product-Blog/bg-p/tldr">Product Blog</a></li> <li><a href="/t5/Instructure-Roadmap/ct-p/instructure-roadmap">Product Roadmap</a></li> <li><a href="/t5/Groups/ct-p/groups">All Groups and Hubs</a></li> <li><a href="/t5/All-Product-Guides/ct-p/all_guides">All Guides</a></li> <li> <a href="/t5/custom/page/page-id/welcome">Learn about Community</a> </li> </ol> </div> </div> </li> <li class="menu-link"> <button class="top-nav-btn">Explore</button> <div class="menu-content"> <div class="main-links"> <ol> <li><a href="/t5/Instructure-Community-Hub/ct-p/community_hub"><i class="fa-solid fa-people-group"></i> Community Hub</a></li> <li><a href="/t5/Instructure-Community-Weekly/bg-p/weekly_highlights"><i class="fa-regular fa-calendar-week"></i> Community Weekly Highlights</a></li> <li><a href="/t5/Instructure-Roadmap/ct-p/instructure-roadmap"><i class="fa-regular fa-signs-post"></i> Product Roadmaps</a></li> <li><a href="/t5/The-Product-Blog/bg-p/tldr"><i class="fa-solid fa-pen-to-square"></i> The Product Blog</a></li> <li><a href="/t5/Known-Issues/tkb-p/issues"><i class="fa-regular fa-circle-exclamation"></i> Known Issues</a></li> <li><a href="/t5/Partners/ct-p/partners"><i class="fa-regular fa-handshake-simple"></i> Partners</a></li> <li><a href="/t5/Instructure-Academy/ct-p/instructure_academy"><img src="https://community.canvaslms.com/html/@DA4C8426B55DC875728EF4B2D42E75B2/assets/inst_navy_bug.svg" alt="Instructure Logo"> Instructure Academy</a></li> <li><a href="/t5/Instructure-Brand-Hub/ct-p/instructure_brand_hub"><img src="https://community.canvaslms.com/html/@DA4C8426B55DC875728EF4B2D42E75B2/assets/inst_navy_bug.svg" alt="Instructure Logo"> Instructure Brand Hub</a></li> <li><a href="/t5/Instructional-Design-Services/ct-p/ls_instructional_design"><img src="https://community.canvaslms.com/html/@DA4C8426B55DC875728EF4B2D42E75B2/assets/inst_navy_bug.svg" alt="Instructure Logo"> Instructional Design Services</a></li> <li><a href="/t5/Professional-Learning-Services/ct-p/ls_professional_learning"><img src="https://community.canvaslms.com/html/@DA4C8426B55DC875728EF4B2D42E75B2/assets/inst_navy_bug.svg" alt="Instructure Logo"> Professional Learning Services </a></li> <li><a href="/t5/Strategic-Consulting-Services/ct-p/ls_strategic_consulting"><img src="https://community.canvaslms.com/html/@DA4C8426B55DC875728EF4B2D42E75B2/assets/inst_navy_bug.svg" alt="Instructure Logo"> Strategic Consulting Services </a></li> <li><a href="/t5/Instructure-Live/eb-p/instructurelive"><i class="fa-regular fa-video"></i> Instructure Live</a></li> <li><a href="/t5/Conferences/ct-p/conferences"><i class="fa-regular fa-calendar-star"></i> Conferences</a></li> <li><a href="/t5/InstructureCon-2025/ct-p/instructurecon-2025"><i class="fa-regular fa-calendar-star"></i> InstructureCon 2025</a></li> <li><a href="/t5/InstructureCast/ct-p/instructurecast"><i class="fa-regular fa-podcast"></i> InstructureCast</a></li> <li><a href="/t5/Canvas-Network/ct-p/canvas-network"><i class="fa-regular fa-globe"></i> Canvas Network</a></li> </ol> <div class="events-section"> <style> .event-nav-container { display: flex; align-items: center; background-color: #f2f8fa; justify-content: space-between; padding: 1rem; margin: 1rem 0; } .event-nav-wrapper { display: flex; justify-content: space-between; width: 100%; align-items: center; } .event-nav-title { font-size: 1.6rem; color: #143D50; font-weight: bold; margin: 0.6rem 0; } .event-nav-time { font-size: 1.4rem; color: #143D50; } .event-nav-blinker { font-size: 1.6rem; color: #143D50; font-weight: bold; margin: 0.6rem; min-width: 12rem; } .event-nav-blinker.event-nav-soon { min-width: 15rem; } .inst-live-blinker { animation: blinker 1s linear infinite; color: #e72429; } @keyframes blinker { 50% { opacity: 0; } } .event-nav-content { display: flex; justify-content: space-between; align-items: center; } .event-nav-content-inner { margin-right: 1.6rem; } .event-nav-link { background-color: #143D50; color: #FFF; border: 2px solid #143D50; border-radius: 2.6rem; padding: 0.6rem 1.2rem; display: inline-block; margin: 0.8rem 0; min-width: 12rem; text-align: center; } .event-nav-link:hover { background-color: #FFF; color: #143D50; } </style> </div> </div> <div class="side-nav-section"> <span class="side-nav-header">Community Resources</span> <ol class="side-nav-list-container"> <li><a href="/t5/Community/tkb-p/community">Community Guides</a></li> <li><a href="/t5/Instructure-Community-Hub/ct-p/community_hub" class="community-hub-confetti">Community Hub</a></li> <li><a href="/t5/The-Product-Blog/bg-p/tldr">Product Blog</a></li> <li><a href="/t5/Instructure-Roadmap/ct-p/instructure-roadmap">Product Roadmap</a></li> <li><a href="/t5/Groups/ct-p/groups">All Groups and Hubs</a></li> <li><a href="/t5/All-Product-Guides/ct-p/all_guides">All Guides</a></li> <li> <a href="/t5/custom/page/page-id/welcome">Learn about Community</a> </li> </ol> </div> </div> </li> </ol> </nav> </div> <div class="actions-wrapper"> <div class="nav-right-flex"> <div class="nav-btn-wrapper"> <a href="/t5/custom/page/page-id/welcome" class="nav-question-btn">Learn about Community</a> </div> <div class="action-items-wrapper"> <a class="lia-link-navigation login-link lia-authentication-link lia-component-users-action-login" rel="nofollow" id="loginPageV2_2485fed3eeda4f" href="/t5/custom/page/page-id/LoginPage?referer=https%3A%2F%2Fcommunity.canvaslms.com%2Ft5%2FCanvas-Basics-Guide%2FWhat-are-Announcements%2Fta-p%2F39">Sign In</a> <div class="login-reminder"> <h5 class="login-reminder--title">You're signed out</h5> <p class="login-reminder--text">Sign in to ask questions, follow content, and engage with the Community</p> <a class="lia-link-navigation login-link lia-authentication-link lia-component-users-action-login" rel="nofollow" id="loginPageV2_2485fed4016c5b" href="/t5/custom/page/page-id/LoginPage?referer=https%3A%2F%2Fcommunity.canvaslms.com%2Ft5%2FCanvas-Basics-Guide%2FWhat-are-Announcements%2Fta-p%2F39">Sign In</a> <div class="login-reminder--close"> <i class="fa-solid fa-xmark"></i> </div> </div> </div> </div> </div> </div> <script> let loginDate = localStorage.getItem("inst_comm_anon_date"); const loginReminder = document.querySelector('.login-reminder'); if (loginReminder) { if (window.location.href.includes("t5/custom/page/page-id/welcome") || window.location.href.includes("t5/custom/page/page-id/LoginPage")) { loginReminder.style.display = 'none'; } } // If the object does not exist, set it to -1 if (!loginDate) { localStorage.setItem("inst_comm_anon_date", "-1"); loginDate = -1; } if (loginDate !== "-1") { document.querySelector('.login-reminder').style.display = 'none'; const storedTime = new Date(parseInt(loginDate)); const currentTime = new Date(); if (storedTime.getTime() < currentTime.getTime()) { localStorage.setItem("inst_comm_anon_date", "-1"); } } const loginReminderClose = document.querySelector('.login-reminder--close'); if (loginReminderClose) { loginReminderClose.addEventListener("click", function () { const now = new Date(); const tomorrow = new Date(now.getTime() + 24 * 60 * 60 * 1000); // Adding 24 hours in milliseconds const epochTime = tomorrow.getTime(); // Getting the epoch time in milliseconds localStorage.setItem("inst_comm_anon_date", epochTime); document.querySelector('.login-reminder').style.display = 'none'; }); } </script> <style> .hover-card-container { display: none; position: absolute; width: 320px; height: auto; z-index: 100; left: -50px; } .profile-hover-card { width: 100%; min-height: 20rem; background: white; box-shadow: 0 4px 20px rgba(20,61,80,.15); padding: 1.8rem 2.4rem; border-radius: 1rem; text-align: left; } .hover-card-container.profile-hover-card-show { display: block; } .profile-hover-card::before, .profile-hover-card::after { bottom: 100%; left: 75px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } .profile-hover-card::before { border-bottom-color: #e9eced; border-width: 11px; margin-left: -11px; } .profile-hover-card::after { border-bottom-color: #FFFFFF; border-width: 10px; margin-left: -10px; } .hc-name { font-size: 2.2rem; font-weight: bold; } .hc-rank { font-size: 1.2rem; font-weight: bold; padding: 3px 5px 3px 5px; background-color: #F2F8FA; color: #143D50; border-radius: 0.3rem; text-transform: uppercase; text-align: center; line-height: 1; width: fit-content; margin: 0.8rem 0; } .hc-name, .hc-title, .hc-rank, .hc-email { color: #143d50; } .hc-name a { color: #143d50; text-decoration: none; } .hc-name p, .hc-rank p, .hc-title p { margin-bottom: 0; } .hc-rank p { display: flex; align-items: center; } .user-rank-icon { margin-right: 0.5rem; max-width: 2.5rem; } /* .user-rank-icon, #lia-body.ViewProfilePage .lia-top-quilt>.lia-quilt-row-header .lia-component-quilt-header .lia-quilt-row-sub-header .lia-profile-hero-avatar .lia-component-user-avatar-hero .UserAvatar .user-rank-icon { width: 24px; } */ .hc-img-section { padding-bottom: 1.6rem; display: flex; } .hc-img-wrapper { display: inline-block; margin-right: 1rem; } .hover-card-container .profile-hover-card .hc-img-section .hc-img-wrapper img.profile-hover-card-img, #lia-body.ViewProfilePage .lia-top-quilt>.lia-quilt-row-header .lia-component-quilt-header .lia-quilt-row-sub-header .lia-profile-hero-avatar .lia-component-user-avatar-hero .UserAvatar img.profile-hover-card-img { width: 48px; height: 48px; display: block; border-radius: 100%; } .hc-user-stats-section span { color: #5e6162; padding-right: 12px; font-size: 14px; font-weight: bold; } @media only screen and (max-width: 767px) { .lia-list-wide .profile-hover-card-show, .lia-list-wide .profile-hover-card-outer, .lia-list-wide .profile-hover-card { display: none; } } @keyframes placeHolderShimmer { 0% { background-position: -800px 0 } 100% { background-position: 800px 0 } } .animated-background { animation-duration: 3s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background-color: #f6f7f8; background: linear-gradient(to right, #eeeeee 8%, #bbbbbb 18%, #eeeeee 33%); background-size: 800px 104px; height: 30px; position: relative; margin-bottom: 1.2rem; } </style> <script defer> document.addEventListener('DOMContentLoaded', function () { // Attach event listener to all avatar images const avatarImages = document.querySelectorAll('.lia-user-avatar-message, .lia-user-avatar-profile'); const mainURL = window.location.hostname; avatarImages.forEach((avatar, index) => { if (index === 0) { return; } const newHoverCard = document.createElement('div'); newHoverCard.classList.add('hover-card-container'); const hoverCardInner = document.createElement('div'); hoverCardInner.classList.add('profile-hover-card'); newHoverCard.appendChild(hoverCardInner); avatar.parentNode.insertBefore(newHoverCard, avatar.nextSibling); avatar.addEventListener('mouseover', () => { const hoverCardContainer = avatar.nextElementSibling; const hoverCardInner = hoverCardContainer.children[0]; if (hoverCardContainer.innerHTML.includes('hc-name')) { hoverCardContainer.classList.add('profile-hover-card-show'); } else { const loadingHTML = '<div class="loading-box animated-background"></div>'; hoverCardInner.innerHTML = loadingHTML.repeat(4); hoverCardContainer.classList.add('profile-hover-card-show'); // Extract information from the image element const titleField = avatar.getAttribute('title'); const userInfoUrl = `https://${mainURL}/api/2.0/search?q=SELECT first_name, last_name, login, view_href, rank, topics, solutions_authored, id, email FROM users WHERE login = '${titleField}'`; const userPostsUrl = `https://${mainURL}/api/2.0/search?q=SELECT count(*) FROM messages WHERE author.login = '${titleField}'`; const userSolutionsUrl = `https://${mainURL}/api/2.0/search?q=SELECT count(*) FROM messages WHERE author.login = '${titleField}' AND is_solution = true`; const userBadgesUrl = `https://${mainURL}/api/2.0/search?q=SELECT user_badges from users where login = '${titleField}'`; // Fetch user information async function createProfileData() { const userInfo = await fetch(userInfoUrl); const userPosts = await fetch(userPostsUrl); const userSolutions = await fetch(userSolutionsUrl); const userBadges = await fetch(userBadgesUrl); const userInfoData = await userInfo.json(); const userPostsData = await userPosts.json(); const userSolutionsData = await userSolutions.json(); const userBadgesData = await userBadges.json(); const userBadgesArray = userBadgesData.data.items[0].user_badges.items; const earnedBadgesArray = userBadgesArray.filter(badge => badge.earned_date); earnedBadgesArray.sort((a, b) => new Date(b.earned_date) - new Date(a.earned_date)); const userRankName = userInfoData.data.items[0].rank.name; const userID = userInfoData.data.items[0].id; // const userKudosUrl = `https://${mainURL}/restapi/vc/users/id/${userID}/metrics/name/net_kudos_events_received?restapi.response_format=json`; const userKudos = await fetch(userKudosUrl); const userKudosData = await userKudos.json(); let fullName = userInfoData.data.items[0].login; if (userInfoData.data.items[0].first_name !== undefined && userInfoData.data.items[0].last_name !== undefined) { let firstName = userInfoData.data.items[0].first_name; let lastName = userInfoData.data.items[0].last_name; fullName = firstName + " " + lastName; } else { fullName = userInfoData.data.items[0].login; } let userRankIcon = ""; if (userInfoData.data.items[0].rank.icon_left !== undefined) { userRankIcon = userInfoData.data.items[0].rank.icon_left; } else { userRankIcon = ""; } let userEmail = ""; // <#if user_has_role> if (userInfoData.data.items[0].email !== undefined) { userEmail = userInfoData.data.items[0].email; } else { userEmail = ""; } // <#else> userEmail = ""; // </#if> const userViewHref = userInfoData.data.items[0].view_href; const userPostsCount = userPostsData.data.count; const userSolutionsCount = userSolutionsData.data.count; const userKudosCount = userKudosData.response.value.$; const userBadgesCount = earnedBadgesArray.length; let badgesHTML = ""; if (earnedBadgesArray.length === 0) { badgesHTML = `<p>This user hasn't earned any badges yet.</p>`; } else { for (let i = 0; i < earnedBadgesArray.length; i++) { const badgeName = earnedBadgesArray[i].badge.title; const badgeIcon = earnedBadgesArray[i].badge.icon_url; const badgeHTML = ` <div class="hc-img-wrapper"> <img class="profile-hover-card-img" src="${badgeIcon}" title="${badgeName}" loading="lazy"> </div> `; badgesHTML += badgeHTML; if (i >= 4) { break; } }; } const hoverCardHTML = ` <div class="hc-name"><a href="${userViewHref}"><p>${fullName}</p></a></div> <div class="hc-rank"><p><img class="user-rank-icon" src="${userRankIcon}" loading="lazy">${userRankName}</p></div> <div class="hc-email"><p>${userEmail}</p></a></div> <div class="hc-img-section"> ${badgesHTML} </div> <section class="hc-user-stats-section"> <span class="hc-post-data">${userPostsCount} posts</span> <span class="hc-post-data">${userKudosCount} likes</span> <span class="hc-post-data">${userSolutionsCount} solutions</span> </section> `; // // Display the hover card return hoverCardHTML; } if (hoverCardInner.innerHTML.includes('loading-box')) { createProfileData().then((hoverCardHTML) => { hoverCardInner.innerHTML = hoverCardHTML; }); } } }); //Hide the hover card on mouseout avatar.addEventListener('mouseout', () => { const hoverCardContainer = avatar.nextElementSibling; hoverCardContainer.classList.remove('profile-hover-card-show'); }); hoverCardInner.addEventListener('mouseout', () => { const hoverCardContainer = avatar.nextElementSibling; hoverCardContainer.classList.remove('profile-hover-card-show'); }); hoverCardInner.addEventListener('mouseover', () => { const hoverCardContainer = avatar.nextElementSibling; hoverCardContainer.classList.add('profile-hover-card-show'); }); }); }); </script> <script> // const currentUrlUN = window.location.href; // Define the pattern for the URL you want to exclude "/t5/" and require at least one character after the root const usernamePattern = /^.*\/([^\/]+)$/; // Check if the current URL matches the pattern and does not contain "/t5/" const usernameMatch = currentUrlUN.match(usernamePattern); if (usernameMatch && !currentUrlUN.includes("/t5/") && !currentUrlUN.includes("/me")) { const usernameVar = usernameMatch[1]; let getUserProfilePage = `${window.location.origin}/api/2.0/search?q=SELECT id FROM users WHERE login='${usernameVar}'`; fetch(getUserProfilePage).then(response => { return response.json(); }).then(data => { if (data.data.items.length === 0) { window.location.href = '/'; } else { const userID = data.data.items[0].id; window.location.href = `${window.location.origin}/t5/user/viewprofilepage/user-id/${userID}`; } }); } // </script> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-main-header"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-header"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single lia-mark-empty"> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-sub-header"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-sub-header-main"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <div id="lia-searchformV32" class="SearchForm lia-search-form-wrapper lia-mode-default lia-component-common-widget-search-form"> <div class="lia-inline-ajax-feedback"> <div class="AjaxFeedback" id="ajaxfeedback"></div> </div> <div id="searchautocompletetoggle"> <div class="lia-inline-ajax-feedback"> <div class="AjaxFeedback" id="ajaxfeedback_0"></div> </div> <form enctype="multipart/form-data" class="lia-form lia-form-inline SearchForm" action="https://community.canvaslms.com/t5/tkb/v2_4/articlepage.searchformv32.form.form" method="post" id="form" name="form"><div class="t-invisible"><input value="blog-id/basics/article-id/39" name="t:ac" type="hidden"></input><input value="search/contributions/page" name="t:cp" type="hidden"></input><input value="Fug8kfvZYkClM7yDFDwZaR41AIY5ySf7Mhv8_Qzho8HFCEfm03BvhFHS5n7rVwooHqiCteNHZOTQJoAte6NDyn1TW1Un9LJHEgbcPpkcTPDWKX04NHbDVoaxDol9gL2VD59Jn1EQlyEljCyUBYeBOAJSFNM13EFZT0_PbcqPZQjKswf-10QsmD72F0mkSMsSXAjLe5wXyQWunHb1zPYna-NJSRaxr97-A0Chhi73SqZUnJjAQBjmnYX2gyWNRpevV3aotIWIolyVVyZSMFHtN9HEw7s8ZaKEww1qmnfDGotRhhHOITzhRxTqhEoUeD9OPfoO2RFhdSjaxFtJn_YHScTPkWtddmYkPu5Cnsrkd9ywNL2LjEMslK9YndmhZUpmMvjX0VFJFNN65jER9NQZ2SHxZufs49TuhdMOjGI6x0u16drDBawXpi3jWBISykC9YBIFkWFBwbM_LuFD9kByYtoV11fek-VEYPTIgWcHsDYuKkJwecCPtXkIEifEXo7Jx6UYUota0RRZNDCYo1AMcVbYSETY4WZHHDH0BBvgLMUWvH2wsdkrBJeLf2Qa2JuiovuTajCz5M2y3hAL5GditH3IH2iqrxZzh5h6v5IbhUMIiqy93nI4qEvBQxfWeCOiIkCuHyHva9U84MBUmlcSNxJA8-xnb83VJOPcEPM61TRVGt1HhLorsiYdkwERO5t8qH3l-aVQrAvJ0KU0CtNzKsH6WwBO4PbIOaFCuHLodAiIjstKt-8eCeTgQyigkePNKSQ1pSVYmCBDawYuGj-1GcZWIf5ZGduuBn9xU1OjUl8XNCeNOOPS6Hq4e0mKdbLupsC8tpjOc23xMKSZNBJIKnSjXbr_gMaxmQWbECTUp6ehAi1GEfNHsRI8RtZ0lpg2mJcURgOSNFv16cJ0KSeyMceax90r3DvSOhfbo65Dfs9T-J5Y6CaIpCa8YFzTdsidA2oXJ3K330Z4AtHUBHbnKJ90eLb8OVwRvvjkJ_gcZ6PiyuoFHTIAPS3e8q9hfOiN0q3mKgrVluLdGNpxPM2Xm3O8Ya1KXqU5Ce1sXr8LUMt9L_Pm7t8LMu9E1eWWjHR33DUofTV5nfglQnSH_ZXdgjQ3lr4B4R8SrYWvoOQtGaDEwH-uL6S1RfZnE3PkM9LTVtBovQyIMRc2sH80zv4WkmNmU_7BSS9N8yx2uKfowl2b_3WLRrK7xS0GZyu9X4Q4F9B1QPhpact7jVpsBAWO6w.." name="lia-form-context" type="hidden"></input><input value="TkbArticlePage:blog-id/basics/article-id/39:searchformv32.form:" name="liaFormContentKey" type="hidden"></input><input value="5DI9GWMef1Esyz275vuiiOExwpQ=:H4sIAAAAAAAAALVSTU7CQBR+krAixkj0BrptjcpCMSbERGKCSmxcm+kwlGrbqTOvFDYexRMYL8HCnXfwAG5dubDtFKxgYgu4mrzvm3w/M+/pHcphHQ4kI4L2dMo9FLYZoM09qbeJxQ4V0+XC7e/tamqyBPEChwgbh1JAjQtLIz6hPaYh8ZlEMaxplAvm2KZmEsm0hhmBhOKpzZzOlsEw8LevR5W3zZfPEqy0oJIYc+eCuAyh2rolfaI7xLN0I8rjWfWBj7CuzJvf5osmbxRN3hacMimNwHRtKSOr0XNnv/vx+FoCGPjhMRzljhNLYHrEt9kA5T08ACCsKvREoYuqxqLl8BLO84q4UcMITcG49y/QOGs1pYyESl5p6V6qwRW086rinVmoxMZsiZud/zBUTc6gmVc4kExkJafmcYG1GM9+wfIsCkf2OP54hal5EjnG54z8h0XhjfcF7wQUs5Kz0GTjU2rOjc/llTT4Au07pDOcBQAA" name="t:formdata" type="hidden"></input></div> <div class="lia-inline-ajax-feedback"> <div class="AjaxFeedback" id="feedback"></div> </div> <input value="_tg0rGASDhQvAwfwhPeDc6eowKEYtshjJL1c5P6wHVA." name="lia-action-token" type="hidden"></input> <input value="form" id="form_UIDform" name="form_UID" type="hidden"></input> <input value="" id="form_instance_keyform" name="form_instance_key" type="hidden"></input> <span class="lia-search-granularity-wrapper"> <select title="Search Granularity" class="lia-search-form-granularity search-granularity" aria-label="Search Granularity" id="searchGranularity" name="searchGranularity"><option title="All Community" selected="selected" value="xjnht99997|community">All Community</option><option title="This category" value="canvaslms|category">This category</option><option title="Knowledge base" value="basics|tkb-board">Knowledge base</option><option title="Users" value="user|user">Users</option><option title="Products" value="product|product">Products</option></select> </span> <span class="lia-search-input-wrapper"> <span class="lia-search-input-field"> <span class="lia-button-wrapper lia-button-wrapper-secondary lia-button-wrapper-searchForm-action"><input value="searchForm" name="submitContextX" type="hidden"></input><input class="lia-button lia-button-secondary lia-button-searchForm-action" value="Search" id="submitContext" name="submitContext" type="submit"></input></span> <span class="lia-hidden-aria-visibile" id="autocompleteInstructionsText_2485fed160d58d"></span><input placeholder="Search the Community" aria-label="Search" title="Search" class="lia-form-type-text lia-autocomplete-input search-input lia-search-input-message" value="" id="messageSearchField_0" name="messageSearchField" type="text"></input> <span class="lia-hidden-aria-visibile" id="autocompleteInstructionsText_2485fed160d58d_0"></span><input placeholder="Search the Community" aria-label="Search" title="Search" class="lia-form-type-text lia-autocomplete-input search-input lia-search-input-tkb-article lia-js-hidden" value="" id="messageSearchField_1" name="messageSearchField_0" type="text"></input> <span class="lia-hidden-aria-visibile" id="autocompleteInstructionsText_2485fed160d58d_1"></span><input placeholder="Search for users" ng-non-bindable="" title="Enter a user name or rank" class="lia-form-type-text UserSearchField lia-search-input-user search-input lia-js-hidden lia-autocomplete-input" aria-label="Enter a user name or rank" value="" id="userSearchField" name="userSearchField" type="text"></input> <span class="lia-hidden-aria-visibile" id="autocompleteInstructionsText_2485fed160d58d_2"></span><input placeholder="Enter a keyword to search within the private messages" title="Enter a search word" class="lia-form-type-text NoteSearchField lia-search-input-note search-input lia-js-hidden lia-autocomplete-input" aria-label="Enter a search word" value="" id="noteSearchField_0" name="noteSearchField" type="text"></input> <span class="lia-hidden-aria-visibile" id="autocompleteInstructionsText_2485fed160d58d_3"></span><input title="Enter a search word" class="lia-form-type-text ProductSearchField lia-search-input-product search-input lia-js-hidden lia-autocomplete-input" aria-label="Enter a search word" value="" id="productSearchField" name="productSearchField" type="text"></input> <input class="lia-as-search-action-id" name="as-search-action-id" type="hidden"></input> </span> </span> <span id="clearSearchButton" role="button" tabindex="0" title="Clear" class="lia-clear-field lia-js-hidden" aria-label="Clear the search input"></span> <span class="lia-cancel-search">cancel</span> </form> <div class="search-autocomplete-toggle-link lia-js-hidden"> <span> <a class="lia-link-navigation auto-complete-toggle-on lia-link-ticket-post-action lia-component-search-action-enable-auto-complete" data-lia-action-token="fPJuZSr0T9u0HK2umY1lb5L_HctaxlWnw3ZlTJCCe5Q." rel="nofollow" id="enableAutoComplete" href="https://community.canvaslms.com/t5/tkb/v2_4/articlepage.enableautocomplete:enableautocomplete?t:ac=blog-id/basics/article-id/39&t:cp=action/contributions/searchactions">Turn on suggestions</a> <span class="HelpIcon"> <a class="lia-link-navigation help-icon lia-tooltip-trigger" role="button" aria-label="Help Icon" id="link_0" href="#"><span class="lia-img-icon-help lia-fa-icon lia-fa-help lia-fa" alt="Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type." aria-label="Help Icon" role="img" id="display_0"></span></a><div role="alertdialog" class="lia-content lia-tooltip-pos-bottom-left lia-panel-tooltip-wrapper" id="link_1-tooltip-element"><div class="lia-tooltip-arrow"></div><div class="lia-panel-tooltip"><div class="content">Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.</div></div></div> </span> </span> </div> </div> <div class="spell-check-showing-result"> Showing results for <span class="lia-link-navigation show-results-for-link lia-link-disabled" aria-disabled="true" id="showingResult"></span> <a class="lia-link-navigation more-synonym-search-results-for-link" rel="nofollow" id="showingMoreResult" href="#"></a> <span class="all-results-for-synonym-search"> </span> </div> <div> <span class="synonym-search-instead lia-js-hidden"> Show <a class="lia-link-navigation synonym-search-instead-for-link" rel="nofollow" id="synonymSearchInstead" href="#"></a> only </span> <span class="spell-check-and-synonym-search-instead lia-js-hidden"> | </span> <span class="spell-check-search-instead"> Search instead for <a class="lia-link-navigation search-instead-for-link" rel="nofollow" id="searchInstead" href="#"></a> </span> </div> <div class="spell-check-do-you-mean lia-component-search-widget-spellcheck"> Did you mean: <a class="lia-link-navigation do-you-mean-link" rel="nofollow" id="doYouMean" href="#"></a> </div> </div> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-breadcrumb"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-breadcrumb"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <div aria-label="breadcrumbs" role="navigation" class="BreadCrumb crumb-line lia-breadcrumb lia-component-common-widget-breadcrumb"> <ul role="list" id="list" class="lia-list-standard-inline"> <li class="lia-breadcrumb-node crumb"> <a class="lia-link-navigation crumb-community lia-breadcrumb-community lia-breadcrumb-tkb" id="link_2" href="/">Community</a> </li> <li aria-hidden="true" class="lia-breadcrumb-seperator crumb-community lia-breadcrumb-community lia-breadcrumb-tkb"> <span> <span class="lia-img-icon-list-separator-breadcrumb lia-fa-icon lia-fa-list lia-fa-separator lia-fa-breadcrumb lia-fa" alt="" aria-label="" role="img" id="display_1"></span> </span> </li> <li class="lia-breadcrumb-node crumb"> <a class="lia-link-navigation crumb-category lia-breadcrumb-category lia-breadcrumb-tkb" id="link_3" href="/t5/Canvas/ct-p/canvas">Canvas</a> </li> <li aria-hidden="true" class="lia-breadcrumb-seperator crumb-category lia-breadcrumb-category lia-breadcrumb-tkb"> <span> <span class="lia-img-icon-list-separator-breadcrumb lia-fa-icon lia-fa-list lia-fa-separator lia-fa-breadcrumb lia-fa" alt="" aria-label="" role="img" id="display_2"></span> </span> </li> <li class="lia-breadcrumb-node crumb"> <a class="lia-link-navigation crumb-category lia-breadcrumb-category lia-breadcrumb-tkb" id="link_4" href="/t5/Canvas-LMS/ct-p/canvaslms">Canvas LMS</a> </li> <li aria-hidden="true" class="lia-breadcrumb-seperator crumb-category lia-breadcrumb-category lia-breadcrumb-tkb"> <span> <span class="lia-img-icon-list-separator-breadcrumb lia-fa-icon lia-fa-list lia-fa-separator lia-fa-breadcrumb lia-fa" alt="" aria-label="" role="img" id="display_3"></span> </span> </li> <li class="lia-breadcrumb-node crumb"> <a class="lia-link-navigation crumb-board lia-breadcrumb-board lia-breadcrumb-tkb" id="link_5" href="/t5/Canvas-Basics-Guide/tkb-p/basics">Canvas Basics Guide</a> </li> <li aria-hidden="true" class="lia-breadcrumb-seperator crumb-board lia-breadcrumb-board lia-breadcrumb-tkb"> <span> <span class="lia-img-icon-list-separator-breadcrumb lia-fa-icon lia-fa-list lia-fa-separator lia-fa-breadcrumb lia-fa" alt="" aria-label="" role="img" id="display_4"></span> </span> </li> <li class="lia-breadcrumb-node crumb final-crumb"> <span class="lia-link-navigation child-thread lia-link-disabled" aria-disabled="true" disabled="true" role="link" aria-label="What are Announcements?" id="link_6">What are Announcements?</span> </li> </ul> </div> <div class="page-controls"> <div class="lia-menu-navigation-wrapper lia-js-hidden lia-menu-action lia-page-options lia-component-community-widget-page-options" id="actionMenuDropDown"> <div class="lia-menu-navigation"> <div class="dropdown-default-item"><a title="Show option menu" class="lia-js-menu-opener default-menu-option lia-js-mouseover-menu lia-link-navigation" aria-expanded="false" role="button" aria-label="Options" id="dropDownLink" href="#">Options</a> <div class="dropdown-positioning"> <div class="dropdown-positioning-static"> <ul aria-label="Dropdown menu items" role="list" id="dropdownmenuitems" class="lia-menu-dropdown-items"> <li role="listitem"><a class="lia-link-navigation rss-thread-link lia-component-rss-action-thread" rel="nofollow noopener noreferrer" id="rssThread" href="/xjnht99997/rss/message?board.id=basics&message.id=39">Subscribe to RSS Feed</a></li> <li aria-hidden="true"><span class="lia-separator lia-component-common-widget-link-separator"> <span class="lia-separator-post"></span> <span class="lia-separator-pre"></span> </span></li> <li role="listitem"><span class="lia-link-navigation addThreadUserBookmark lia-link-disabled lia-component-subscriptions-action-add-thread-user-bookmark" aria-disabled="true" id="addThreadUserBookmark">Bookmark</span></li> <li role="listitem"><span class="lia-link-navigation addThreadUserEmailSubscription lia-link-disabled lia-component-subscriptions-action-add-thread-user-email" aria-disabled="true" id="addThreadUserEmailSubscription">Subscribe</span></li> <li aria-hidden="true"><span class="lia-separator lia-component-common-widget-link-separator"> <span class="lia-separator-post"></span> <span class="lia-separator-pre"></span> </span></li> <li role="listitem"><a class="lia-link-navigation print-article lia-component-forums-action-print-thread" rel="nofollow" id="printThread" href="/t5/tkb/articleprintpage/tkb-id/basics/article-id/39">Printer Friendly Page</a></li> <li role="listitem"><a class="lia-link-navigation report-abuse-link lia-component-forums-action-report-abuse" rel="nofollow" id="reportAbuse" href="/t5/notifications/notifymoderatorpage/message-uid/39">Report Inappropriate Content</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-feedback"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-feedback"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> </div> </div> </div> </div> <div class="lia-page-header"> <h1 class="PageTitle lia-component-common-widget-page-title"><span class="lia-link-navigation lia-link-disabled" aria-disabled="true" id="link_7">What are Announcements?</span></h1> </div> <script> //Browser versions const chromeCurrentV = 131; const chromePastV = 130; const firefoxCurrentV = 132; const firefoxPastV = 131; const edgeCurrentV = 130; const edgePastV = 129; const safariCurrentV = 18; const safariPastV = 17; let paraOne = 'Instructure products support the current and previous major releases of the following browsers:'; let paraTwo = 'You can verify that the browser you are currently using is up to date by using the browser checker tool in the step below.'; let ffExtend = `(<a href="https://www.mozilla.org/en-US/firefox/organizations/all/" target="_blank" rel="nofollow noopener noreferrer">Extended Releases</a> are not supported*)`; let respondusText = `(supporting the latest <a href="https://www.respondus.com/products/lockdown-browser/requirements.shtml" target="_blank" rel="nofollow noopener noreferrer">system requirements</a>)`; let macOnly = 'Macintosh only'; // console.log(chromeCurrentV); window.addEventListener('load', () => { // #TODO - get all URLs for browser reqs lessons, add translated text as variables, add browser versions to macro and import macro for use, create if statements for each URL //Language variables //English if ((window.location.href.indexOf("Link-Test-Article/ta-p/7986") > -1) || (window.location.href.indexOf("What-are-the-browser-and-computer-requirements-for-Instructure/ta-p/66") > -1) || (window.location.href.indexOf("What-are-the-browser-and-computer-requirements-for-Instructure/ta-p/5024") > -1)) { paraOne = 'Instructure products support the current and previous major releases of the following browsers:'; paraTwo = 'You can verify that the browser you are currently using is up to date by using the browser checker tool in the step below.'; ffExtend = `(<a href="https://www.mozilla.org/en-US/firefox/organizations/all/" target="_blank" rel="nofollow noopener noreferrer">Extended Releases</a> are not supported*)`; respondusText = `(supporting the latest <a href="https://www.respondus.com/products/lockdown-browser/requirements.shtml" target="_blank" rel="nofollow noopener noreferrer">system requirements</a>)`; macOnly = 'Macintosh only'; } //Chinese else if ((window.location.href.indexOf("Instructure-%E4%BA%A7%E5%93%81%E5%AF%B9%E6%B5%8F%E8%A7%88%E5%99%A8%E5%92%8C%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%9A%84%E8%A6%81%E6%B1%82%E6%98%AF%E4%BB%80%E4%B9%88/ta-p/440241") > -1) || (window.location.href.indexOf("Instructure-%E4%BA%A7%E5%93%81%E5%AF%B9%E6%B5%8F%E8%A7%88%E5%99%A8%E5%92%8C%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%9A%84%E8%A6%81%E6%B1%82%E6%98%AF%E4%BB%80%E4%B9%88/ta-p/8222") > -1)) { paraOne = 'Instructure 产品支持以下最新版本的和先前主要版本的浏览器:'; paraTwo = '您可以使用如下步骤中的浏览器检查器工具来验证您当前使用的浏览器是否是最新的。'; ffExtend = `(不支持<a href="https://www.mozilla.org/en-US/firefox/organizations/all/" target="_blank" rel="nofollow noopener noreferrer">延伸版本</a>*)`; respondusText = `支持最新的<a href="https://www.respondus.com/products/lockdown-browser/requirements.shtml" target="_blank" rel="nofollow noopener noreferrer">系统要求</a>)`; macOnly = '仅苹果电脑'; } //Danish else if (window.location.href.indexOf("Hvad-er-browser-og-computerkravene-til-Instructure-produkter/ta-p/439555") > -1) { paraOne = 'Instructure-produkter understøtter de nuværende og tidligere større udgivelser af følgende browsere:'; paraTwo = 'Du kan kontrollere, at den browser, du bruger i øjeblikket, er opdateret ved hjælp af browserkontrolværktøjet i nedenstående trin.'; ffExtend = `(<a href="https://www.mozilla.org/en-US/firefox/organizations/all/" target="_blank" rel="nofollow noopener noreferrer">Extended Releases</a> (udvidede frigivelser) er ikke understøttet*)`; respondusText = `(understøtteer de seneste <a href="https://www.respondus.com/products/lockdown-browser/requirements.shtml" target="_blank" rel="nofollow noopener noreferrer">systemkrav</a>)`; macOnly = 'kun Macintosh'; } //Dutch else if (window.location.href.indexOf("Wat-zijn-de-browser-en-computervereisten-voor-Instructure/ta-p/439789") > -1) { paraOne = 'Instructure-producten ondersteunen de huidige en laatste belangrijke grote release van de volgende browsers:'; paraTwo = 'Je kunt controleren of de browser die je nu gebruikt actueel is door de browsercontroletool in de onderstaande stap te gebruiken.'; ffExtend = `(<a href="https://www.mozilla.org/en-US/firefox/organizations/all/" target="_blank" rel="nofollow noopener noreferrer">uitgebreide versies</a> worden nog niet ondersteund*)`; respondusText = `(die de nieuwste <a href="https://www.respondus.com/products/lockdown-browser/requirements.shtml" target="_blank" rel="nofollow noopener noreferrer">systeemvereisten</a> ondersteunt)`; macOnly = 'alleen Macintosh'; } //French else if (window.location.href.indexOf("Quelles-sont-les-exigences-en-mati%C3%A8re-de-navigateur-et-d/ta-p/439431") > -1) { paraOne = 'Instructure est compatible avec les principales versions actuelles et antérieures des navigateurs suivants:'; paraTwo = `Vous pouvez vérifier si votre navigateur est à jour à l'aide de l'outil de vérification du navigateur comme décrit à l'étape ci-dessous.`; ffExtend = `(<a href="https://www.mozilla.org/en-US/firefox/organizations/all/" target="_blank" rel="nofollow noopener noreferrer">les éditions à support étendu</a> ne sont pas prises en charge)`; respondusText = `(prise en charge des dernières <a href="https://www.respondus.com/products/lockdown-browser/requirements.shtml" target="_blank" rel="nofollow noopener noreferrer">configurations nécessaires</a>)`; macOnly = 'Macintosh uniquement'; } //German else if (window.location.href.indexOf("Was-sind-die-Anforderungen-an-Browser-und-Computer-f%C3%BCr/ta-p/538058") > -1) { paraOne = 'Instructure-Produkte unterstützen die aktuellen und früheren Hauptversionen der folgenden Browser:'; paraTwo = 'Sie können im folgenden Schritt überprüfen, ob der von Ihnen verwendete Browser auf dem neuesten Stand ist, indem Sie das Browser-Checker-Tool verwenden.'; ffExtend = `(<a href="https://www.mozilla.org/en-US/firefox/organizations/all/" target="_blank" rel="nofollow noopener noreferrer">Erweiterte Versionen</a> werden nicht unterstützt*)`; respondusText = `(unterstützt die neuesten <a href="https://www.respondus.com/products/lockdown-browser/requirements.shtml" target="_blank" rel="nofollow noopener noreferrer">Systemanforderungen</a>)`; macOnly = 'nur Macintosh'; } //Norwegian else if (window.location.href.indexOf("Hva-er-nettleser-og-datamaskinkravene-for-Instructure-produkter/ta-p/441022") > -1) { paraOne = 'Instructure-produkter støtter den nåværende og den siste tidligere store versjonen av disse nettleserne:'; paraTwo = 'Du kan bekrefte at nettleseren du bruker for øyeblikket er oppdatert ved å bruke nettlesersjekkeren i trinnet nedenfor.'; ffExtend = `(<a href="https://www.mozilla.org/en-US/firefox/organizations/all/" target="_blank" rel="nofollow noopener noreferrer">utvidede utgaver</a> støttes ikke*)`; respondusText = `(støtter de nyeste <a href="https://www.respondus.com/products/lockdown-browser/requirements.shtml" target="_blank" rel="nofollow noopener noreferrer">systemkravene</a>)`; macOnly = 'bare Macintosh'; } //Portuguese else if (window.location.href.indexOf("Quais-s%C3%A3o-os-requisitos-de-navegador-e-computador-para-produtos/ta-p/1671") > -1) { paraOne = 'Os produtos da Instructure suportam as principais versões atuais e anteriores dos seguintes navegadores:'; paraTwo = 'Você pode verificar se o navegador que está usando está atualizado usando a ferramenta de verificação de navegador na etapa abaixo.'; ffExtend = `(<a href="https://www.mozilla.org/en-US/firefox/organizations/all/" target="_blank" rel="nofollow noopener noreferrer">Extended Releases</a> não são suportados*)`; respondusText = `(suportando os mais recentes <a href="https://www.respondus.com/products/lockdown-browser/requirements.shtml" target="_blank" rel="nofollow noopener noreferrer">requisitos do sistema</a>)`; macOnly = 'somente para Macintosh'; } //Spanish else if (window.location.href.indexOf("Cu%C3%A1les-son-los-requisitos-de-navegador-y-computadora-para-los/ta-p/1588") > -1) { paraOne = 'Los productos de Instructure son compatibles con las versiones principales más recientes o anteriores de los siguientes navegadores:'; paraTwo = 'Puede verificar que el navegador que está utilizando actualmente está actualizado con la herramienta de verificación del navegador en el paso siguiente.'; ffExtend = `(<a href="https://www.mozilla.org/en-US/firefox/organizations/all/" target="_blank" rel="nofollow noopener noreferrer">No admite los</a> lanzamientos extendidos*)`; respondusText = `(compatible con los <a href="https://www.respondus.com/products/lockdown-browser/requirements.shtml" target="_blank" rel="nofollow noopener noreferrer">requisitos de sistema</a> más recientes)`; macOnly = 'solo para Macintosh'; } //Swedish else if (window.location.href.indexOf("Vilka-krav-st%C3%A4ller-Instructure-produkter-p%C3%A5-webbl%C3%A4sare-och/ta-p/441421") > -1) { paraOne = 'Instructure-produkter stödjer den senaste och de närmast föregående fullversionerna av följande webbläsare:'; paraTwo = 'Du kan bekräfta att webbläsaren du har är uppdaterad genom att använda webbläsarkontrollverktyget i steget nedan.'; ffExtend = `(<a href="https://www.mozilla.org/en-US/firefox/organizations/all/" target="_blank" rel="nofollow noopener noreferrer">utökade versioner</a> stöds inte*)`; respondusText = `(med stöd för de senaste <a href="https://www.respondus.com/products/lockdown-browser/requirements.shtml" target="_blank" rel="nofollow noopener noreferrer">systemkraven</a>)`; macOnly = 'endast Macintosh'; } //Thai else if (window.location.href.indexOf("%E0%B9%80%E0%B8%87%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%82%E0%B8%AA%E0%B8%B3%E0%B8%AB%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B9%80%E0%B8%9A%E0%B8%A3%E0%B8%B2%E0%B9%80%E0%B8%8B%E0%B8%AD%E0%B8%A3%E0%B9%8C%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B8%84%E0%B8%AD%E0%B8%A1%E0%B8%9E%E0%B8%B4%E0%B8%A7%E0%B9%80%E0%B8%95%E0%B8%AD%E0%B8%A3%E0%B9%8C%E0%B8%AA%E0%B8%B3%E0%B8%AB%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%9C%E0%B8%A5%E0%B8%B4%E0%B8%95%E0%B8%A0%E0%B8%B1%E0%B8%93%E0%B8%91%E0%B9%8C%E0%B8%88%E0%B8%B2%E0%B8%81/ta-p/482321") > -1) { paraOne = 'ผลิตภัณฑ์จาก Instructure รองรับเว็บเบราเซอร์เวอร์ชั่นหลักรุ่นปัจจุบันและรุ่นก่อนหน้าต่อไปนี้'; paraTwo = 'คุณสามารถตรวจสอบได้ว่าเบราเซอร์ที่คุณกำลังใช้อยู่นั้นเป็นเวอร์ชั่นล่าสุดหรือไม่โดยใช้เครื่องมือตรวจสอบเบราเซอร์ในขั้นตอนด้านล่าง'; ffExtend = `(ไม่รองรับรุ่น<a href="https://www.mozilla.org/en-US/firefox/organizations/all/" target="_blank" rel="nofollow noopener noreferrer">Extended Releases</a>*)`; respondusText = `(รองรับ<a href="https://www.respondus.com/products/lockdown-browser/requirements.shtml" target="_blank" rel="nofollow noopener noreferrer">เงื่อนไขทางระบบ</a>ล่าสุด)`; macOnly = 'Macintosh เท่านั้น'; } //Welsh else if (window.location.href.indexOf("Beth-yw-r-gofynion-cyfrifiadur-a-r-gofynion-porwr-gyfer-cynnyrch/ta-p/441643") > -1) { paraOne = 'Mae cynnyrch Instructure yn delio â fersiynau cyfredol a fersiynau mawr blaenorol y porwyr canlynol:'; paraTwo = 'Gallwch chi wirio bod y porwr rydych chi’n ei ddefnyddio ar hyn o bryd yn gyfredol drwy ddefnyddio’r adnodd gwirio porwr yn y cam isod.'; ffExtend = `(does dim modd delio â <a href="https://www.mozilla.org/en-US/firefox/organizations/all/" target="_blank" rel="nofollow noopener noreferrer">Fersiynau Estynedig</a>*)`; respondusText = `(yn delio â gofynion y <a href="https://www.respondus.com/products/lockdown-browser/requirements.shtml" target="_blank" rel="nofollow noopener noreferrer">system ddiweddaraf</a>)`; macOnly = 'Macintosh yn unig'; } //Mastery Guide else if (window.location.href.indexOf("What-are-the-Mastery-Connect-computing-requirements/ta-p/386712") > -1) { paraOne = 'Mastery Connect supports the current and first previous major releases of the following browsers:'; paraTwo = `You should always use the most current version of your preferred browser. Your browser sends a notification when a new version available.</p><p>Other browsers may work, but we can't guarantee that they provide an optimal user experience. Some browsers may require additional configuration for optimal use.</p><p>You can verify that the browser you are currently using is up to date by using the browser checker tool in the step below.`; ffExtend = `(<a href="https://www.mozilla.org/en-US/firefox/organizations/all/" target="_blank" rel="nofollow noopener noreferrer">Extended Releases</a> are not supported*)`; respondusText = `(supporting the latest <a href="https://www.respondus.com/products/lockdown-browser/requirements.shtml" target="_blank" rel="nofollow noopener noreferrer">system requirements</a>)`; macOnly = 'Macintosh only'; } else { paraOne = 'Instructure products support the current and previous major releases of the following browsers:'; paraTwo = 'You can verify that the browser you are currently using is up to date by using the browser checker tool in the step below.'; ffExtend = `(<a href="https://www.mozilla.org/en-US/firefox/organizations/all/" target="_blank" rel="nofollow noopener noreferrer">Extended Releases</a> are not supported*)`; respondusText = `(supporting the latest <a href="https://www.respondus.com/products/lockdown-browser/requirements.shtml" target="_blank" rel="nofollow noopener noreferrer">system requirements</a>)`; macOnly = 'Macintosh only'; } if ((window.location.href.indexOf("Link-Test-Article/ta-p/7986") > -1) || (window.location.href.indexOf("Instructure-%E4%BA%A7%E5%93%81%E5%AF%B9%E6%B5%8F%E8%A7%88%E5%99%A8%E5%92%8C%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%9A%84%E8%A6%81%E6%B1%82%E6%98%AF%E4%BB%80%E4%B9%88/ta-p/8222") > -1) || (window.location.href.indexOf("What-are-the-browser-and-computer-requirements-for-Instructure/ta-p/66") > -1) || (window.location.href.indexOf("What-are-the-Mastery-Connect-computing-requirements/ta-p/386712") > -1) || (window.location.href.indexOf("Instructure-%E4%BA%A7%E5%93%81%E5%AF%B9%E6%B5%8F%E8%A7%88%E5%99%A8%E5%92%8C%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%9A%84%E8%A6%81%E6%B1%82%E6%98%AF%E4%BB%80%E4%B9%88/ta-p/440241") > -1) || (window.location.href.indexOf("Hvad-er-browser-og-computerkravene-til-Instructure-produkter/ta-p/439555") > -1) || (window.location.href.indexOf("Wat-zijn-de-browser-en-computervereisten-voor-Instructure/ta-p/439789") > -1) || (window.location.href.indexOf("Quelles-sont-les-exigences-en-mati%C3%A8re-de-navigateur-et-d/ta-p/439431") > -1) || (window.location.href.indexOf("Was-sind-die-Anforderungen-an-Browser-und-Computer-f%C3%BCr/ta-p/538058") > -1) || (window.location.href.indexOf("Hva-er-nettleser-og-datamaskinkravene-for-Instructure-produkter/ta-p/441022") > -1) || (window.location.href.indexOf("Quais-s%C3%A3o-os-requisitos-de-navegador-e-computador-para-produtos/ta-p/1671") > -1) || (window.location.href.indexOf("Cu%C3%A1les-son-los-requisitos-de-navegador-y-computadora-para-los/ta-p/1588") > -1) || (window.location.href.indexOf("Vilka-krav-st%C3%A4ller-Instructure-produkter-p%C3%A5-webbl%C3%A4sare-och/ta-p/441421") > -1) || (window.location.href.indexOf("%E0%B9%80%E0%B8%87%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%82%E0%B8%AA%E0%B8%B3%E0%B8%AB%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B9%80%E0%B8%9A%E0%B8%A3%E0%B8%B2%E0%B9%80%E0%B8%8B%E0%B8%AD%E0%B8%A3%E0%B9%8C%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B8%84%E0%B8%AD%E0%B8%A1%E0%B8%9E%E0%B8%B4%E0%B8%A7%E0%B9%80%E0%B8%95%E0%B8%AD%E0%B8%A3%E0%B9%8C%E0%B8%AA%E0%B8%B3%E0%B8%AB%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%9C%E0%B8%A5%E0%B8%B4%E0%B8%95%E0%B8%A0%E0%B8%B1%E0%B8%93%E0%B8%91%E0%B9%8C%E0%B8%88%E0%B8%B2%E0%B8%81/ta-p/482321") > -1) || (window.location.href.indexOf("Beth-yw-r-gofynion-cyfrifiadur-a-r-gofynion-porwr-gyfer-cynnyrch/ta-p/441643") > -1)) { const baseHTML = `<div class="step-instructions screensteps-textblock "> <p>${paraOne}</p> <ul> <li> <strong>Chrome</strong> ${chromePastV} | ${chromeCurrentV} </li> <li> <strong>Firefox</strong> ${firefoxPastV} | ${firefoxCurrentV} ${ffExtend} </li> <li> <strong>Edge</strong> ${edgePastV} | ${edgeCurrentV} </li> <li> <strong>Respondus LockDown Browser</strong> ${respondusText} </li> <li> <strong>Safari</strong> ${safariPastV} | ${safariCurrentV} (${macOnly}) </li> </ul> <p>${paraTwo}</p> </div>`; let supportedBrowsers = document.querySelector('.step-title.screensteps-heading'); if ((window.location.href.indexOf("What-are-the-Mastery-Connect-computing-requirements/ta-p/386712") > -1)) { supportedBrowsers = document.querySelectorAll('.step-title.screensteps-heading')[1]; } else { supportedBrowsers = document.querySelector('.step-title.screensteps-heading'); } supportedBrowsers.insertAdjacentHTML('afterend', baseHTML); } }); </script> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-main"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-main-content"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <style> .find-school-modal { opacity: 0; pointer-events: none; display: flex; width: 100%; height: 100%; position: fixed; z-index: 200; top: 0; left: 0; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.8); pointer-events: none; transition: opacity 0.5s ease; z-index: 301; } .fs-active { opacity: 1; pointer-events: all; } .find-school-wrapper { margin: 0 auto; max-width: 800px; background-color: white; padding: 24px; transform: scale(0.5); transition: all 0.5s ease; display: flex; flex-direction: column; } .find-school-modal.fs-active .find-school-wrapper { transform: scale(1); } .fs-close-btn-wrapper { align-self: flex-end; } #fs-close-btn { border: none; background-color: inherit; color: #444; font-size: 2.4rem; } .find-school-form { padding: 1.5rem 0; } .find-school-form label { display: block; } #search-text { min-width: 50%; } .results-no-results { margin: 0 auto; text-align: center; font-weight: bold; font-size: 18px; } .results-no-results img { max-width: 400px; } #find-school-btn { border: 4px solid #287a9f; background-color: #287a9f; color: #fff; border-radius: 25px; padding: 8px 16px; } .results-wrapper { position: relative; max-height: calc(100vh - 350px); overflow: auto; min-height: 120px; } #results { padding-left: 1.8rem; } #results p { font-size: 1.8rem; font-weight: bold; } .fs-spinner { width: 64px; height: 64px; border: 8px solid; border-color: #e72429 transparent #e72429 transparent; border-radius: 50%; animation: spin-anim 1.2s linear infinite; } @keyframes spin-anim { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loader-container { width: 100%; display: flex; justify-content: center; align-items: center; z-index: 5; opacity: 0; transition: all 0.5s ease; position: absolute; top: 35%; } .loader-active { opacity: 1; } @media screen and (max-width: 800px) { .find-school-modal { position: absolute; height: auto; transform: none; top: 10%; } } </style> <div class="find-school-modal"> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> let timeoutID = null; const findSchoolModal = document.querySelector('.find-school-modal'); window.addEventListener('load', () => { const searchButtonWrap = document.querySelector('.screensteps-depth-1'); if ((window.location.href.indexOf("Where-do-I-find-my-institution-s-URL-to-access-Canvas/ta-p/82") > -1) || (window.location.href.indexOf("Troubleshooting/Logging-into-Canvas/ta-p/875") > -1) || (window.location.href.indexOf("Where-do-I-find-my-institution-s-URL-to-access-Canvas/ta-p/5041") > -1)) { $(searchButtonWrap).before(`<h2 class="step-title screensteps-heading">Search for Your School's URL</h2><div class="step-instructions screensteps-textblock"><p>Click the button below to search for your school's or institution's Canvas URL</p><button id="find-school-btn">Find my School's URL</button></div>`); } else { // findSchoolBtn.style.display = 'none'; } $('#find-school-btn').click(function () { $('.find-school-modal').append(`<div class="find-school-wrapper"> <div class="fs-close-btn-wrapper"> <button id="fs-close-btn" title="close"><i class="fa-solid fa-xmark"></i></button> </div> <h2 class="step-title screensteps-heading">Find your school's Canvas URL</h2> <p class="find-school-p">To find your school or institution's Canvas URL, begin typing the name of your school/institution. Results will appear after you type at least 3 characters. For best results be as specific as possible. If you can't find your school, try using any part of your school's name or searching for your school district or state. You may also need to search for the school using the acronym or full name, for example "USU" and "Utah State University".</p> <form class="find-school-form" id="find-school-form"> <label for="search-text">Type at least 3 characters to search for your school</label> <input type="text" id="search-text" placeholder="Begin typing to search..."> </form> <div class="results-wrapper"> <div class="loader-container"> <div class="fs-spinner"></div> </div> <div id="results"> </div> </div> </div>`); $('.find-school-modal').addClass('fs-active'); let searchText = "Couldn't find anything, please try again."; let resultsText = document.getElementById("results"); let searchQueryInput = document.getElementById("search-text"); var resultsData; let findSchoolBtn = document.querySelector('#find-school-btn'); const loaderContainer = document.querySelector('.loader-container'); const loaderSpinner = document.querySelector('.fs-spinner'); let searchForm = document.getElementById("search-text"); $('#search-text').keyup(function (e) { resultsText.innerHTML = ''; clearTimeout(timeoutID); const value = e.target.value; timeoutID = setTimeout(() => getSchools(value), 1000); }); function closeWindow() { $('.find-school-modal').removeClass('fs-active'); $('.find-school-wrapper').remove(); resultsText.innerHTML = ''; searchForm.value = ''; } $(document).keyup(function (e) { if (e.key === "Escape") { closeWindow(); } }); $('#fs-close-btn').click(function () { closeWindow(); }) const options = { method: "GET" }; const displayLoading = () => { loaderContainer.style.display = 'flex'; loaderContainer.classList.add('loader-active'); }; const hideLoading = () => { loaderContainer.classList.remove('loader-active'); loaderContainer.style.zIndex = "-99"; }; $('#find-school-form').submit(function (e) { e.preventDefault(); }); function getSchools(searchValue) { if (searchValue.length >= 3) { displayLoading(); let searchQuery = searchForm.value; fetch(`https://canvas.instructure.com/api/v1/accounts/search?name=${searchQuery}&per_page=20`, options) .then((response) => response.json()) .then(data => resultsData = data) .then((data) => { if (resultsData.length > 0) { for (let i = 0; i < resultsData.length; i++) { schoolName = resultsData[i].name; schoolURL = resultsData[i].domain; hideLoading(); resultsText.innerHTML += `<p><a href="https://${schoolURL}" target="_blank">${schoolName}</a></p>` } } else { hideLoading(); resultsText.innerHTML += `<div class="results-no-results"><p>We couldn't find anything for that search term. Try searching for something else.</p><img src="/html/assets/undraw_Not_found_re_44w9.png"></div>` } }) .catch((err) => console.error(err)); } else { hideLoading(); } } }); }); </script> <div data-lia-message-uid="39" class="lia-message-view-wrapper lia-js-data-messageUid-39 lia-component-article" id="messageview2"> <span id="U39"> </span> <span id="M39"> </span> <div class="lia-inline-ajax-feedback"> <div class="AjaxFeedback" id="ajaxfeedback_1"></div> </div> <div class="MessageView lia-message-view-tkb-message lia-message-view-display lia-row-standard-unread lia-thread-topic"> <span class="lia-message-state-indicator"></span> <div class="lia-quilt lia-quilt-tkb-message-sidetoc lia-quilt-layout-tkb-messagetoc"> <div class="lia-quilt-row lia-quilt-row-tkb-message"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-main"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <style> .lia-top-quilt>.lia-quilt-row-main { max-width: 100%; padding: 0; } .lia-quilt-row.lia-quilt-row-tkb-message, .lia-quilt-row .lia-quilt-row-tkb-footer { padding: 0 4.4rem; } .lia-quilt.lia-quilt-tkb-message-main-sidetoc.lia-quilt-layout-one-column.lia-component-quilt-tkb-message-main-sidetoc { max-width: 100rem; justify-self: center; box-shadow: 0 20px 30px 10px rgb(91 91 91 / 15%); padding: 3rem; border-radius: 1rem; } .tkb-message-wrapper { display: grid; grid-template-columns: 1fr 3fr minmax(20rem, 1fr); gap: 5rem; padding-bottom: 4rem; } .lia-quilt-row .lia-quilt-row-tkb-footer { max-width: 124rem; margin: 0 auto; } .lia-fa-message { display: none; } .table-of-contents { min-width: 25rem; padding-top: 3rem; } .table-of-contents h3, .article-contents h3 { font-size: 1.9rem; font-weight: bold; padding: 1rem 0; color: #0D323F; } #expand-sidebar { display: none; } .toc-links { position: sticky; top: 6rem; left: 3rem; max-height: calc(100vh - 3.2rem); overflow: auto; } .chapter-title { background-color: transparent; border: none; font-size: 1.7rem; padding: 0.75rem 0.5rem; display: inline-block; width: 100%; text-align: left; color: #0D323F; } .chapter-title:hover { background-color: #F2F8FA; border-radius: 0.5rem; } .article-links { display: none; margin-left: 0.5rem; } .article-links li { margin: 0.5rem 0; padding: 0.25rem; transition: all ease-out 300ms; text-indent: -1.75rem; padding-left: 1.5rem; } .article-links li a { padding-left: 1rem; color: #0770A3; font-size: 1.4rem; } .article-links li a:hover, .article-contents-ul li a:hover { text-decoration: none; } .toc-opened { border-left: 4px solid #287a9f; } .toc-opened i { transform: rotate(90deg); } .show-info { display: block; } .current-article { background-color: #F2F8FA; border-radius: 0.5rem; border-left: 0.6rem solid #287a9f; } .article-links li:hover { background-color: #F2F8FA; border-radius: 0.5rem; } .article-links li:hover a { color: #287a9f; } .lia-quilt-column.lia-quilt-column-12.lia-quilt-column-right.lia-quilt-column-footer-right>.lia-quilt-column-alley.lia-quilt-column-alley-right { display: flex; flex-direction: row-reverse; gap: 1rem; } .in-toc-nav { display: none; } .article-contents { /* position: sticky; top: 3rem; left: 3rem; */ min-width: 20rem; padding-top: 3rem; /* overflow: auto; */ } .article-contents-inner { position: sticky; top: 6rem; left: 3rem; overflow: auto; /* max-height: calc(100vh - 3.2rem); */ } .right-sidebar .article-contents-inner{ display: block; max-height: calc(100vh - 3.2rem); } .article-contents .article-contents-ul { margin-left: 2rem; margin-bottom: 0; list-style: outside none; clear: left; } .article-contents-ul li a { border-left: 2px solid #0770A3; color: #0770A3; display: block; padding: 0.5rem 0.8rem; } .guide-header-link.header-active { background-color: #0770A3; color: #FFF; } .article-contents-ul li a:hover { color: #FFF; background-color: #0770A3; } .lia-quilt.lia-quilt-tkb-message-main-sidetoc.lia-quilt-layout-one-column.lia-component-quilt-tkb-message-main-sidetoc.tkb-message-print { max-width: 80%; margin: 0 auto; box-shadow: none; } @media (max-width: 1200px) { .tkb-message-wrapper { display: grid; grid-template-columns: 1fr 3fr; } .table-of-contents { position: sticky; height: 100vh; height: 100dvh; top: 3rem; padding: 0; overflow: auto; } .toc-links, .article-contents { position: relative; top: 0; left: 0; height: auto; background-color: #FFF; } .in-toc-nav { display: block; height: auto; } .right-sidebar { display: none; } .article-contents { padding: 2rem 0; } } @media (max-width: 992px) { .tkb-message-wrapper { display: block; padding-top: 3rem; margin: 0; } .table-of-contents { transform: translateX(-125%); min-width: auto; position: absolute; top: 1rem; background-color: #fff; z-index: 99; height: 100dvh; height: 100vh; transition: all ease 500ms; padding: 1.6rem; left: -1rem; } .table-of-contents.is-expanded { transform: translateX(0); box-shadow: 20px 0 20px 0 rgba(91, 91, 91, 0.15); width: 95%; overflow: auto; } .article-contents { padding: 0 0 2rem 0; position: relative; top: 0; left: 0; height: auto; } .toc-links { height: auto; } #expand-sidebar { display: block; position: absolute; top: -4rem; background-color: #f2f8fa; border: none; padding: 1rem; font-size: 2.2rem; color: #0D323F; } .lia-quilt-row-tkb-bottom .lia-quilt-column-alley-single { flex-direction: column; } .lia-quilt-row.lia-quilt-row-tkb-message, .lia-quilt-row .lia-quilt-row-tkb-footer { padding: 0 1.6rem; } } </style> <div class="tkb-message-wrapper"> <button id="expand-sidebar" title="View Related Content" aria-label="Expand Related Content Sidebar"><i class="fa-regular fa-sidebar"></i></button> <aside class="table-of-contents"> <div class="article-contents in-toc-nav"> <div class="article-contents-inner"></div> </div> <nav class="toc-links"> <h3>Canvas Basics Guide</h3> <section id="GeneralInformation"> <button class="chapter-title"><i class="fa-solid fa-chevron-right"></i> General Information</button> <div class="article-links"> <ul> <li><a href="/t5/Canvas-Basics-Guide/What-is-Canvas/ta-p/45">What is Canvas?</a></li> <li><a href="/t5/Canvas-Basics-Guide/Where-do-I-find-my-institution-s-URL-to-access-Canvas/ta-p/82">Where do I find my institution's URL to access Canvas?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-the-browser-and-computer-requirements-for-Instructure/ta-p/66">What are the browser and computer requirements for Instructure products?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-the-limited-support-guidelines-for-mobile-browsers-on/ta-p/389121">What are the limited-support guidelines for mobile browsers on tablet devices?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-clear-my-browser-cache-and-cookies/ta-p/43">How do I clear my browser cache and cookies?</a></li> <li><a href="/t5/Canvas-Basics-Guide/Can-I-repurpose-content-from-the-Guides-for-my-institution-s-use/ta-p/389122">Can I repurpose content from the Guides for my institution's use?</a></li> <li><a href="/t5/Canvas-Basics-Guide/Where-can-I-download-the-Guides-PDF-manuals/ta-p/389123">Where can I download the Guides PDF manuals?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-the-Canvas-accessibility-standards/ta-p/1564">What are the Canvas accessibility standards?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-reset-my-Canvas-password/ta-p/446128">How do I reset my Canvas password?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-allow-pop-ups-for-Canvas-in-my-browser/ta-p/33">How do I allow pop-ups for Canvas in my browser?</a></li> <li><a href="/t5/Canvas-Basics-Guide/Which-languages-does-Canvas-support/ta-p/19">Which languages does Canvas support?</a></li> <li><a href="/t5/Canvas-Basics-Guide/Which-countries-are-restricted-from-using-Canvas/ta-p/27">Which countries are restricted from using Canvas?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-does-Canvas-define-the-terms-used-to-describe-its-features/ta-p/51">How does Canvas define the terms used to describe its features and functions?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-is-the-Admin-role/ta-p/78">What is the Admin role?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-is-the-Designer-role/ta-p/14">What is the Designer role?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-is-the-Teacher-role/ta-p/86">What is the Teacher role?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-is-the-Teacher-Assistant-role/ta-p/84">What is the Teacher Assistant role?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-is-the-Student-role/ta-p/71">What is the Student role?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-is-the-Observer-role/ta-p/4">What is the Observer role?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-term-dates-course-dates-and-section-dates-work-in-Canvas/ta-p/37">How do term dates, course dates, and section dates work in Canvas?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-tools-and-computer-skills-do-I-need-to-use-Canvas/ta-p/446129">What tools and computer skills do I need to use Canvas?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-enable-third-party-cookies-in-my-browser/ta-p/605670">How do I enable third-party cookies in my browser?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-set-up-the-Lucid-Education-Suite-in-my-course/ta-p/618243">How do I set up the Lucid Education Suite in my course?</a></li> </ul> </div> </section> <section id="CanvasFeatures"> <button class="chapter-title"><i class="fa-solid fa-chevron-right"></i> Canvas Features</button> <div class="article-links"> <ul> <li><a href="/t5/Canvas-Basics-Guide/What-are-Analytics/ta-p/88">What are Analytics?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-is-New-Analytics/ta-p/73">What is New Analytics?</a></li> <li class="current-article"> <a href="/t5/Canvas-Basics-Guide/What-are-Announcements/ta-p/39">What are Announcements?</a> </li> <li><a href="/t5/Canvas-Basics-Guide/What-are-Assignments/ta-p/9">What are Assignments?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-is-Assignment-Enhancements/ta-p/416679">What is Assignment Enhancements?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-is-the-Calendar/ta-p/76">What is the Calendar?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-is-Chat/ta-p/63">What is Chat?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-Collaborations/ta-p/61">What are Collaborations?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-Conferences/ta-p/53">What are Conferences?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-is-the-Course-Import-Tool/ta-p/21">What is the Course Import Tool?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-Discussions/ta-p/3">What are Discussions?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-ePortfolios/ta-p/1">What are ePortfolios?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-External-Apps-LTI-Tools/ta-p/57">What are External Apps (LTI Tools)?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-Files/ta-p/7">What are Files?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-Grades-and-the-Gradebook/ta-p/49">What are Grades and the Gradebook?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-grading-schemes/ta-p/41">What are grading schemes?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-What-If-Grades/ta-p/25">What are What-If Grades?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-Groups/ta-p/16">What are Groups?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-is-the-Inbox/ta-p/55">What is the Inbox?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-Mastery-Paths/ta-p/404483">What are Mastery Paths?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-Modules/ta-p/6">What are Modules?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-Outcomes/ta-p/75">What are Outcomes?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-Pages/ta-p/5">What are Pages?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-Peer-Reviews/ta-p/615313">What are Peer Reviews?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-Profile-and-User-Settings/ta-p/15">What are Profile and User Settings?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-question-banks/ta-p/23">What are question banks?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-Quizzes/ta-p/68">What are Quizzes?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-is-New-Quizzes/ta-p/17">What is New Quizzes?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-is-the-Rich-Content-Editor-RCE/ta-p/12">What is the Rich Content Editor (RCE)?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-is-the-Roll-Call-Attendance-Tool/ta-p/59">What is the Roll Call Attendance Tool?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-Rubrics/ta-p/35">What are Rubrics?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-is-the-Scheduler/ta-p/11">What is the Scheduler?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-are-SIS-Imports/ta-p/47">What are SIS Imports?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-is-SpeedGrader/ta-p/13">What is SpeedGrader?</a></li> </ul> </div> </section> <section id="CanvasHelp"> <button class="chapter-title"><i class="fa-solid fa-chevron-right"></i> Canvas Help</button> <div class="article-links"> <ul> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-use-the-Canvas-Welcome-Tour/ta-p/618756">How do I use the Canvas Welcome Tour?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-use-the-Training-Services-Portal/ta-p/618752">How do I use the Training Services Portal?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-get-help-with-Canvas/ta-p/618758">How do I get help with Canvas?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-contact-Canvas-Support/ta-p/389767">How do I contact Canvas Support?</a></li> </ul> </div> </section> <section id="CanvasMobile"> <button class="chapter-title"><i class="fa-solid fa-chevron-right"></i> Canvas Mobile</button> <div class="article-links"> <ul> <li><a href="/t5/Canvas-Basics-Guide/How-can-I-use-Canvas-on-my-mobile-device/ta-p/615335">How can I use Canvas on my mobile device?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-access-Canvas-using-a-mobile-browser-on-my-Android/ta-p/65">How do I access Canvas using a mobile browser on my Android device?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-access-Canvas-using-a-mobile-browser-on-my-iOS-device/ta-p/8">How do I access Canvas using a mobile browser on my iOS device?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-is-the-Canvas-Student-app/ta-p/31">What is the Canvas Student app?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-is-the-Canvas-Teacher-app/ta-p/69">What is the Canvas Teacher app?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-is-the-Canvas-Parent-app/ta-p/10">What is the Canvas Parent app?</a></li> </ul> </div> </section> <section id="Calendar"> <button class="chapter-title"><i class="fa-solid fa-chevron-right"></i> Calendar</button> <div class="article-links"> <ul> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-use-the-Calendar/ta-p/617613">How do I use the Calendar?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-add-an-event-to-my-personal-calendar/ta-p/617612">How do I add an event to my personal calendar?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-add-an-event-to-a-course-calendar/ta-p/617610">How do I add an event to a course calendar?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-add-an-assignment-from-the-Calendar/ta-p/617606">How do I add an assignment from the Calendar?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-add-a-to-do-item-in-the-Calendar/ta-p/617599">How do I add a to-do item in the Calendar?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-add-a-recurring-event-in-a-calendar/ta-p/617604">How do I add a recurring event in a calendar?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-edit-or-delete-an-event-or-assignment-in-the-Calendar/ta-p/617605">How do I edit or delete an event or assignment in the Calendar?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-filter-the-Calendar-view-by-course/ta-p/617609">How do I filter the Calendar view by course?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-set-a-different-event-date-for-each-section-in-a-course/ta-p/617603">How do I set a different event date for each section in a course calendar?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-add-and-duplicate-an-event-for-course-sections-in-the/ta-p/617611">How do I add and duplicate an event for course sections in the Calendar?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-subscribe-to-the-Calendar-feed-using-Google-Calendar/ta-p/617614">How do I subscribe to the Calendar feed using Google Calendar?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-add-an-appointment-group-in-a-course-calendar/ta-p/617602">How do I add an appointment group in a course calendar?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-view-or-edit-an-appointment-group-in-a-course-calendar/ta-p/617608">How do I view or edit an appointment group in a course calendar?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-sign-up-for-an-appointment-in-the-Calendar/ta-p/617615">How do I sign up for an appointment in the Calendar?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-subscribe-to-the-Calendar-feed-using-Outlook-com/ta-p/617601">How do I subscribe to the Calendar feed using Outlook.com?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-view-a-group-calendar/ta-p/617600">How do I view a group calendar?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-view-and-manage-Account-Calendars/ta-p/617598">How do I view and manage Account Calendars?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-view-the-Calendar-iCal-feed-to-subscribe-to-an-external/ta-p/617607">How do I view the Calendar iCal feed to subscribe to an external calendar?</a></li> </ul> </div> </section> <section id="Courses"> <button class="chapter-title"><i class="fa-solid fa-chevron-right"></i> Courses</button> <div class="article-links"> <ul> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-view-all-my-Canvas-courses/ta-p/618766">How do I view all my Canvas courses?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-customize-my-Courses-list/ta-p/618759">How do I customize my Courses list?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-view-my-institution-s-Public-Course-Index/ta-p/618757">How do I view my institution's Public Course Index?</a></li> </ul> </div> </section> <section id="Dashboard"> <button class="chapter-title"><i class="fa-solid fa-chevron-right"></i> Dashboard</button> <div class="article-links"> <ul> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-use-the-Dashboard-as-a-student/ta-p/618762">How do I use the Dashboard as a student?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-use-the-Dashboard-as-an-instructor/ta-p/618754">How do I use the Dashboard as an instructor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-use-the-Dashboard-as-an-observer/ta-p/618747">How do I use the Dashboard as an observer?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-view-my-courses-in-the-Card-View-Dashboard/ta-p/618765">How do I view my courses in the Card View Dashboard?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-view-grades-for-all-courses-in-the-Card-View-Dashboard/ta-p/618748">How do I view grades for all courses in the Card View Dashboard?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-view-global-activity-for-all-courses-in-the-Recent/ta-p/618764">How do I view global activity for all courses in the Recent Activity Dashboard?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-use-the-To-Do-list-and-sidebar-in-the-Dashboard-as-a/ta-p/618761">How do I use the To Do list and sidebar in the Dashboard as a student?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-use-the-To-Do-list-for-all-my-courses-in-the-List-View/ta-p/618751">How do I use the To Do list for all my courses in the List View Dashboard as a student?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-add-a-To-Do-item-in-the-List-View-Dashboard-as-a/ta-p/618755">How do I add a To Do item in the List View Dashboard as a student?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-use-the-To-Do-list-and-sidebar-in-the-Dashboard-as-an/ta-p/618753">How do I use the To Do list and sidebar in the Dashboard as an instructor?</a></li> </ul> </div> </section> <section id="ePortfolios"> <button class="chapter-title"><i class="fa-solid fa-chevron-right"></i> ePortfolios</button> <div class="article-links"> <ul> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-create-a-new-ePortfolio/ta-p/616171">How do I create a new ePortfolio?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-use-the-ePortfolio-Getting-Started-Wizard/ta-p/616178">How do I use the ePortfolio Getting Started Wizard?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-organize-my-ePortfolio/ta-p/616177">How do I organize my ePortfolio?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-create-a-new-ePortfolio-section/ta-p/616175">How do I create a new ePortfolio section?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-organize-my-ePortfolio-pages/ta-p/616176">How do I organize my ePortfolio pages?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-edit-the-default-page-in-my-ePortfolio-section/ta-p/616172">How do I edit the default page in my ePortfolio section?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-create-a-new-page-in-my-ePortfolio-section/ta-p/616173">How do I create a new page in my ePortfolio section?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-preview-a-page-in-my-ePortfolio/ta-p/616179">How do I preview a page in my ePortfolio?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-add-rich-text-content-to-my-ePortfolio-page/ta-p/616181">How do I add rich text content to my ePortfolio page?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-add-HTML-embedded-content-to-my-ePortfolio-page/ta-p/616165">How do I add HTML/embedded content to my ePortfolio page?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-retrieve-assignments-from-previous-courses-in-my/ta-p/616167">How do I retrieve assignments from previous courses in my ePortfolio?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-upload-a-file-or-image-to-my-ePortfolio-page/ta-p/616168">How do I upload a file or image to my ePortfolio page?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-enable-comments-in-my-ePortfolio/ta-p/616166">How do I enable comments in my ePortfolio?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-download-the-contents-of-my-ePortfolio/ta-p/616170">How do I download the contents of my ePortfolio?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-can-I-share-a-private-ePortfolio/ta-p/616169">How can I share a private ePortfolio?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-make-my-ePortfolio-public/ta-p/616174">How do I make my ePortfolio public?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-delete-my-ePortfolio/ta-p/616180">How do I delete my ePortfolio?</a></li> </ul> </div> </section> <section id="Files"> <button class="chapter-title"><i class="fa-solid fa-chevron-right"></i> Files</button> <div class="article-links"> <ul> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-use-Files/ta-p/617201">How do I use Files?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-view-course-files/ta-p/617226">How do I view course files?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-view-group-files/ta-p/617203">How do I view group files?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-view-my-user-files/ta-p/617227">How do I view my user files?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-preview-a-file-in-Files/ta-p/617193">How do I preview a file in Files?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-move-and-organize-files/ta-p/617197">How do I move and organize files?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-create-a-folder-in-Files/ta-p/617206">How do I create a folder in Files?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-delete-a-file-or-folder-in-Files/ta-p/617196">How do I delete a file or folder in Files?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-download-a-file-or-folder/ta-p/617195">How do I download a file or folder?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-edit-a-file-in-Files/ta-p/617205">How do I edit a file in Files?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-rename-a-file/ta-p/617200">How do I rename a file?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-restrict-files-and-folders/ta-p/617189">How do I restrict files and folders?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-set-usage-rights-and-user-access-for-a-file-or-folder/ta-p/617208">How do I set usage rights and user access for a file or folder?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-upload-a-file-in-Files/ta-p/617194">How do I upload a file in Files?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-upload-ZIP-files-in-Files/ta-p/617192">How do I upload ZIP files in Files?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-bulk-upload-files/ta-p/617198">How do I bulk upload files?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-view-my-Google-Drive-files-in-Canvas/ta-p/617188">How do I view my Google Drive files in Canvas?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-view-my-Microsoft-Office-365-files-in-Canvas/ta-p/617186">How do I view my Microsoft Office 365 files in Canvas?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-types-of-files-can-I-preview-in-Canvas/ta-p/617187">What types of files can I preview in Canvas?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-types-of-media-files-can-I-upload-in-Canvas/ta-p/617185">What types of media files can I upload in Canvas?</a></li> </ul> </div> </section> <section id="GlobalNavigation"> <button class="chapter-title"><i class="fa-solid fa-chevron-right"></i> Global Navigation</button> <div class="article-links"> <ul> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-log-in-to-Canvas/ta-p/618760">How do I log in to Canvas?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-use-the-Global-Navigation-Menu/ta-p/618767">How do I use the Global Navigation Menu?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-view-the-Global-Announcements-page/ta-p/618749">How do I view the Global Announcements page?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-view-my-recent-page-view-history-in-Canvas/ta-p/618750">How do I view my recent page view history in Canvas?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-log-out-of-Canvas/ta-p/618763">How do I log out of Canvas?</a></li> </ul> </div> </section> <section id="Inbox"> <button class="chapter-title"><i class="fa-solid fa-chevron-right"></i> Inbox</button> <div class="article-links"> <ul> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-use-the-Inbox/ta-p/616671">How do I use the Inbox?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-send-a-message-to-a-user-in-a-course-in-the-Inbox/ta-p/616669">How do I send a message to a user in a course in the Inbox?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-send-a-message-to-all-course-users-in-the-Inbox/ta-p/616659">How do I send a message to all course users in the Inbox?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-find-my-unread-messages-in-the-Inbox/ta-p/616660">How do I find my unread messages in the Inbox?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-send-a-message-to-a-user-in-a-student-group-in-the/ta-p/616657">How do I send a message to a user in a student group in the Inbox?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-attach-a-file-to-a-message-in-the-Inbox/ta-p/616658">How do I attach a file to a message in the Inbox?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-record-or-upload-media-to-a-message-in-the-Inbox/ta-p/616664">How do I record or upload media to a message in the Inbox?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-reply-to-a-message-in-the-Inbox/ta-p/616662">How do I reply to a message in the Inbox?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-privately-reply-to-one-individual-in-a-group-message-in/ta-p/616663">How do I privately reply to one individual in a group message in the Inbox?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-reply-to-submission-comments-in-the-Inbox/ta-p/616667">How do I reply to submission comments in the Inbox?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-forward-a-message-from-a-conversation-in-the-Inbox/ta-p/616668">How do I forward a message from a conversation in the Inbox?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-delete-a-message-from-a-conversation-in-the-Inbox/ta-p/616665">How do I delete a message from a conversation in the Inbox?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-archive-a-conversation-in-the-Inbox/ta-p/616677">How do I archive a conversation in the Inbox?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-add-new-people-to-an-existing-conversation-in-the-Inbox/ta-p/616670">How do I add new people to an existing conversation in the Inbox?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-delete-a-conversation-in-the-Inbox/ta-p/616672">How do I delete a conversation in the Inbox?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-filter-conversations-in-the-Inbox/ta-p/616656">How do I filter conversations in the Inbox?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-star-a-conversation-in-the-Inbox/ta-p/616655">How do I star a conversation in the Inbox?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-manage-my-Inbox-settings/ta-p/616661">How do I manage my Inbox settings?</a></li> </ul> </div> </section> <section id="ProfileandUserSettings"> <button class="chapter-title"><i class="fa-solid fa-chevron-right"></i> Profile and User Settings</button> <div class="article-links"> <ul> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-add-a-profile-picture-in-my-user-account/ta-p/615332">How do I add a profile picture in my user account?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-add-contact-methods-to-receive-Canvas-notifications/ta-p/615331">How do I add contact methods to receive Canvas notifications?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-add-an-additional-email-address-as-a-contact-method-in/ta-p/615316">How do I add an additional email address as a contact method in Canvas?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-add-a-text-SMS-contact-method-in-Canvas/ta-p/615315">How do I add a text (SMS) contact method in Canvas?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-change-my-default-email-address-in-my-user-account/ta-p/615314">How do I change my default email address in my user account?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-change-my-login-password-in-my-user-account/ta-p/615323">How do I change my login password in my user account?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-change-the-settings-in-my-user-account/ta-p/615322">How do I change the settings in my user account?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-edit-my-profile-in-my-user-account/ta-p/615501">How do I edit my profile in my user account?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-change-the-language-preference-in-my-user-account/ta-p/615328">How do I change the language preference in my user account?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-manage-my-Canvas-notification-settings/ta-p/615326">How do I manage my Canvas notification settings?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-view-course-content-offline-as-an-ePub-file/ta-p/615317">How do I view course content offline as an ePub file?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-set-a-time-zone-in-my-user-account/ta-p/615318">How do I set a time zone in my user account?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-merge-my-user-account-with-an-account-using-the-same/ta-p/615319">How do I merge my user account with an account using the same email address?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-manage-feature-options-in-my-user-account/ta-p/615327">How do I manage feature options in my user account?</a></li> <li><a href="/t5/Canvas-Basics-Guide/What-feature-options-can-I-enable-in-my-user-account/ta-p/615324">What feature options can I enable in my user account?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-set-up-multi-factor-authentication-for-my-user-account/ta-p/615333">How do I set up multi-factor authentication for my user account?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-manage-API-access-tokens-in-my-user-account/ta-p/615312">How do I manage API access tokens in my user account?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-add-Slack-as-a-contact-method-in-Canvas/ta-p/615329">How do I add Slack as a contact method in Canvas?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-select-personal-pronouns-in-my-user-account/ta-p/615336">How do I select personal pronouns in my user account?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-view-a-QR-code-to-log-in-to-the-Canvas-mobile-apps/ta-p/615320">How do I view a QR code to log in to the Canvas mobile apps?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-manage-notifications-for-a-single-course/ta-p/615325">How do I manage notifications for a single course?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-enable-the-high-contrast-user-interface-in-Canvas/ta-p/615334">How do I enable the high contrast user interface in Canvas?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-manage-confetti-animations-in-Canvas/ta-p/615330">How do I manage confetti animations in Canvas?</a></li> </ul> </div> </section> <section id="RichContentEditor(RCE)"> <button class="chapter-title"><i class="fa-solid fa-chevron-right"></i> Rich Content Editor (RCE)</button> <div class="article-links"> <ul> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-access-the-Rich-Content-Editor/ta-p/618248">How do I access the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-add-and-modify-text-in-the-Rich-Content-Editor/ta-p/618221">How do I add and modify text in the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-use-the-menubar-in-the-Rich-Content-Editor/ta-p/618230">How do I use the menubar in the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-insert-a-table-using-the-Rich-Content-Editor/ta-p/618220">How do I insert a table using the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-use-the-HTML-view-in-the-Rich-Content-Editor/ta-p/618225">How do I use the HTML view in the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-resize-the-Rich-Content-Editor/ta-p/618246">How do I resize the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-create-hyperlinks-to-external-URLs-in-the-Rich-Content/ta-p/618224">How do I create hyperlinks to external URLs in the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-create-hyperlinks-to-user-group-or-course-files-in-the/ta-p/618223">How do I create hyperlinks to user, group, or course files in the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-create-hyperlinks-to-course-or-group-content-in-the/ta-p/618247">How do I create hyperlinks to course or group content in the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-edit-or-remove-hyperlinks-in-the-Rich-Content-Editor/ta-p/618222">How do I edit or remove hyperlinks in the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-upload-and-embed-an-image-in-the-Rich-Content-Editor/ta-p/618228">How do I upload and embed an image in the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-embed-images-from-Canvas-into-the-Rich-Content-Editor/ta-p/618227">How do I embed images from Canvas into the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-upload-and-embed-a-media-file-from-my-computer-in-the/ta-p/618237">How do I upload and embed a media file from my computer in the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-manage-alt-text-and-display-options-for-images-embedded/ta-p/618226">How do I manage alt text and display options for images embedded in the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-upload-a-document-in-the-Rich-Content-Editor/ta-p/618233">How do I upload a document in the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-embed-a-file-from-Google-Drive-into-the-Rich-Content/ta-p/618241">How do I embed a file from Google Drive into the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-create-a-hyperlink-from-Microsoft-Office-365-in-the/ta-p/618240">How do I create a hyperlink from Microsoft Office 365 in the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-link-to-or-embed-a-YouTube-video-in-the-Rich-Content/ta-p/618239">How do I link to or embed a YouTube video in the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-embed-media-files-from-Canvas-into-the-Rich-Content/ta-p/618242">How do I embed media files from Canvas into the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-link-to-a-document-from-Canvas-in-the-Rich-Content/ta-p/618244">How do I link to a document from Canvas in the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-use-the-math-Equation-Editor-in-the-Rich-Content-Editor/ta-p/618231">How do I use the math Equation Editor in the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-record-media-using-the-Rich-Content-Editor/ta-p/618235">How do I record media using the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-add-captions-to-new-or-uploaded-videos-in-the-Rich/ta-p/618250">How do I add captions to new or uploaded videos in the Rich Content Editor in Canvas?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-view-captions-in-a-video-in-the-Rich-Content-Editor/ta-p/618249">How do I view captions in a video in the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-manage-video-options-in-the-Rich-Content-Editor/ta-p/618218">How do I manage video options in the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-select-content-from-an-external-app-in-the-Rich-Content/ta-p/618219">How do I select content from an external app in the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-embed-media-from-an-external-source-in-the-Rich-Content/ta-p/618217">How do I embed media from an external source in the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-embed-a-Lucid-document-in-the-Rich-Content-Editor/ta-p/618229">How do I embed a Lucid document in the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-use-the-Accessibility-Checker-in-the-Rich-Content/ta-p/618238">How do I use the Accessibility Checker in the Rich Content Editor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-create-an-icon-using-the-Rich-Content-Editor-Icon-Maker/ta-p/618234">How do I create an icon using the Rich Content Editor Icon Maker as an instructor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-edit-an-icon-made-using-the-Rich-Content-Editor-Icon/ta-p/618236">How do I edit an icon made using the Rich Content Editor Icon Maker as an instructor?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-delete-an-icon-made-using-the-Rich-Content-Editor-Icon/ta-p/618232">How do I delete an icon made using the Rich Content Editor Icon Maker as an instructor?</a></li> </ul> </div> </section> <section id="WebServices"> <button class="chapter-title"><i class="fa-solid fa-chevron-right"></i> Web Services</button> <div class="article-links"> <ul> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-connect-to-web-services-outside-of-Canvas/ta-p/617184">How do I connect to web services outside of Canvas?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-connect-to-Google-Drive-as-a-web-service-in-Canvas/ta-p/617183">How do I connect to Google Drive as a web service in Canvas?</a></li> <li><a href="/t5/Canvas-Basics-Guide/How-do-I-connect-to-Skype-as-a-web-service-in-Canvas/ta-p/617190">How do I connect to Skype as a web service in Canvas?</a></li> </ul> </div> </section> </nav> </aside> <main id="content"> <article><div class="lia-quilt lia-quilt-tkb-message-main-sidetoc lia-quilt-layout-one-column lia-component-quilt-tkb-message-main-sidetoc"> <div class="lia-quilt-row lia-quilt-row-header"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-common-header"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single lia-mark-empty"> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-main"> <div role="main" id="lia-main-aria-landmark" class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-main-content"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <div class="lia-message-subject lia-component-message-view-widget-subject"> <div class="MessageSubject"> <h2 itemprop="name" class="message-subject"> <span class="lia-message-unread lia-message-unread-windows"> <div class="lia-message-subject"> What are Announcements? </div> </span> </h2> </div> </div> <div class="lia-message-body-wrapper lia-component-message-view-widget-body"> <div itemprop="text" id="bodyDisplay_2485fed8441ad0" class="lia-message-body"> <div class="lia-message-body-content"> <TEMPLATE id="article_translations" data-translation-clipboard-copy="Click to copy" data-translation-clipboard-copied="Copied to clipboard!"> </TEMPLATE> <DIV class="step-instructions screensteps-textblock screensteps-wrapper--introduction screensteps-wrapper"> <DIV id="text-content_BF1E1640-18A7-0135-5497-22000AB760A3" class="text-block-content"> <P>Announcements allow instructors to communicate with students about course activities and post interesting course-related topics. Course announcements are designed to allow instructors to broadcast information out to all members of a course or to all members of sections within a course. </P> <P>Students may be able to <A href="/t5/Student-Guide/How-do-I-reply-to-an-announcement-as-a-student/ta-p/447" target="_blank">reply to announcements</A>, but replies are not considered to be a conversation and do not appear in the Inbox. Students may also be able to <A href="/t5/Student-Guide/How-do-I-add-an-announcement-in-a-group/ta-p/458" target="_blank">create announcements in a student group</A>.</P> <P>View the <A href="https://community.canvaslms.com/t5/Video-Guide/Announcements-Overview-Instructors/ta-p/384059" target="_blank">Announcements Overview video</A> or learn more from:</P> <UL> <LI>Announcements <A href="https://community.canvaslms.com/t5/Instructor-Guide/How-do-I-add-an-announcement-in-a-course/ta-p/1194" target="_blank">lessons for instructors</A> </LI> <LI>Announcements <A href="https://community.canvaslms.com/t5/Student-Guide/How-do-I-view-Announcements-as-a-student/ta-p/417" target="_blank">lessons for students</A> </LI> <LI>Announcements <A href="https://community.canvaslms.com/t5/Observer-Guide/How-do-I-view-Announcements-as-an-observer/ta-p/435777" target="_blank">lessons for observers</A> </LI> </UL> <P><STRONG>Note:</STRONG> Admins can create <A href="/t5/Admin-Guide/How-do-I-create-a-global-announcement-in-an-account/ta-p/211" target="_blank">global announcements</A> for account-wide communication.</P> </DIV> </DIV> <DIV class="step screensteps-section screensteps-depth-1" id="open-course-announcements" data-step-uuid="e792597b-d236-41d9-bfa9-010a37c214a3"> <H2 id="open-course-announcements" class="step-title screensteps-heading" id="toc-hId--714406842">Open Course Announcements</H2> <DIV class="image screensteps-image"> <IMG src="https://media.screensteps.com/image_assets/assets/008/566/175/original/8b251a82-746b-415a-8960-f1040af7a4b7.png" srcset="" alt="When would I use Announcements?" height="267" width="179" /> </DIV> <DIV class="step-instructions screensteps-textblock"> <DIV id="text-content_3f1de35e-1cf8-40a1-8a52-eca9010d81a5" class="text-block-content"> <P>In Course Navigation, click the <STRONG>Announcements</STRONG> link.</P> </DIV> </DIV> </DIV> <DIV class="step screensteps-section screensteps-depth-1" id="view_announcements" data-step-uuid="00CACD71-179D-46E0-A9AC-F2021FE84E84"> <H2 id="view_announcements" class="step-title screensteps-heading" id="toc-hId--714377051">View Announcements</H2> <DIV class="image screensteps-image"> <A href="https://media.screensteps.com/image_assets/assets/008/566/178/original/9ea4b935-ad6c-4d66-a777-c2c9eb415897.png" class="screensteps-image-zoom" target="_blank" rel="nofollow noopener noreferrer"> <IMG src="https://media.screensteps.com/image_assets/assets/008/566/178/medium/9ea4b935-ad6c-4d66-a777-c2c9eb415897.png" srcset="" alt="View Announcements" height="442" width="855" /> </A> </DIV> <DIV class="step-instructions screensteps-textblock"> <DIV id="text-content_BF1E47C0-18A7-0135-5499-22000AB760A3" class="text-block-content"> <P>Course announcements display on the Announcements Index page. To communicate with students about the logistics of a course, instructors can <A href="/t5/Instructor-Guide/How-do-I-add-an-announcement-in-a-course/ta-p/1194" target="_blank">add an announcement</A> [1]. Instructors can format and add content to announcements using the <A href="/t5/Canvas-Basics-Guide/What-is-the-Rich-Content-Editor-RCE/ta-p/12" target="_blank">Rich Content Editor</A> features. Instructors can also use announcement options to allow others to reply/comment [2], enable podcast feeds, allow liking, and to specify a time frame for the announcement. </P> <P>As soon as an instructor creates an announcement, Canvas takes care of notifying students according to their preferred <A href="/t5/Canvas-Basics-Guide/How-do-I-manage-my-Canvas-notification-settings/ta-p/615326" target="_blank">notification settings</A>. There are also unread and read indicators next to the announcements [3].</P> <P>Instructors have the option of feeding posts from a blog or other information sources directly into their Announcements page using RSS. RSS feeds can be filtered by keyword to prevent irrelevant content from entering the course. Students who use RSS readers can subscribe to course announcements outside of Canvas. </P> <P><STRONG>Notes: </STRONG></P> <UL> <LI>You can use keyboard shortcuts to navigate individual announcements. To view a window with a list of keyboard navigation shortcuts, press <STRONG>Alt+F8</STRONG> (on a PC keyboard) or <STRONG>Option+F8</STRONG> (on a Mac keyboard) simultaneously on your keyboard.</LI> <LI>If an announcement was imported using a course copy, the Course Import Tool, or a blueprint course, the profile picture displays the letter U in place of a user's profile picture [4]. Additionally, copied announcements do not include a posted date and time.</LI> </UL> </DIV> </DIV> </DIV> <DIV class="step screensteps-section screensteps-depth-1" id="when_would_i_use_announcements" data-step-uuid="B9D9B4A8-D36E-4741-AD17-7866D49DF82E"> <H2 id="when_would_i_use_announcements" class="step-title screensteps-heading" id="toc-hId--714347260">When would I use Announcements?</H2> <DIV class="step-instructions screensteps-textblock"> <DIV id="text-content_BF1E7CE0-18A7-0135-549B-22000AB760A3" class="text-block-content"> <P>As an instrutor, use Announcements to:</P> <UL> <LI>Remind your students what they need to accomplish to stay on track.</LI> <LI>Point students to internal and external resources that will help them achieve course Outcomes.</LI> <LI>Leave a message for the entire class with video or audio comments.</LI> <LI>Celebrate student success and important events that may be of interest to your students.</LI> <LI>Feed a custom RSS feed related to the topic of the course to your students. </LI> <LI>Automatically share blog posts written by your students on Wordpress, Blogger, etc. with custom RSS feeds.</LI> </UL> <P>As a student, you may be able to view and reply to course announcements. You may also be able to <A href="/t5/Student-Guide/How-do-I-add-an-announcement-in-a-group/ta-p/458" target="_blank">add announcements in a student group</A>. </P> </DIV> </DIV> </DIV> </div> </div> </div> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-footer"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-common-footer lia-mark-empty"> </div> </div> </div></article> </main> <aside class="article-contents right-sidebar"> <nav class="article-contents-inner"></nav> </aside> </div> <script> let articleLink = document.getElementsByClassName('article-links'); for (let i = 0; i < articleLink.length; i++) { let currentArticle = articleLink[i].querySelector('.current-article'); if (currentArticle && currentArticle.closest('div') === articleLink[i]) { articleLink[i].classList.add('show-info'); articleLink[i].previousElementSibling.classList.add('toc-opened'); } } const tocBtn = document.querySelector('#expand-sidebar'); let tableOfContents = document.querySelector('.table-of-contents'); tocBtn.addEventListener('click', function () { tableOfContents.classList.toggle('is-expanded'); }); let articleContents = document.querySelectorAll('.article-contents-inner'); const stepTitles = document.querySelectorAll('.step-title'); if (stepTitles.length > 0) { articleContents.forEach(function (element) { element.innerHTML = `<h3>In this guide:</h3>` const stepList = document.createElement('ul'); stepList.classList.add('article-contents-ul'); element.append(stepList); stepTitles.forEach(function (element) { if (element.getAttribute('id')) { let stepID = element.getAttribute('id'); let stepName = element.innerText; let stepListItem = document.createElement('li'); stepListItem.innerHTML = `<a href="#${stepID}" class="guide-header-link">${stepName}</a>` stepList.appendChild(stepListItem); } }); }); } if (window.location.href.includes('tkb/articleprintpage')) { document.querySelector('.table-of-contents').style.display = 'none'; document.querySelector('.article-contents').style.display = 'none'; document.querySelector('.right-sidebar').style.display = 'none'; document.querySelector('#expand-sidebar').style.display = 'none'; document.querySelector('.tkb-message-wrapper').style.display = 'block'; document.querySelector('.lia-quilt.lia-quilt-tkb-message-main-sidetoc.lia-quilt-layout-one-column.lia-component-quilt-tkb-message-main-sidetoc').classList.add('tkb-message-print'); } </script> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-tkb-ratings"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-rating-display"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <div class="lia-rating-enumeration-system-tkb_helpfulness lia-rating-enumeration rating-enum-39-tkb_helpfulness lia-component-ratings-widget-rating-enum-display" id="ratingsEnumDisplay"> <div class="lia-button-group-left"> <span class="lia-link-navigation null">Was this article helpful?</span> <span class="lia-button-wrapper lia-button-wrapper-secondary"><a class="lia-button lia-button-secondary lia-rating-image lia-rating-image-selected lia-rating-image-active lia-js-data-ratingValue-1 lia-link-ticket-post-action" title="Click here to give feedback on this article" role="button" data-lia-action-token="9otB_Ilj-SBladgplrmWynzDTCPx1_At1JlsA0DWJUM." rel="nofollow" id="link_8" href="https://community.canvaslms.com/t5/tkb/v2_4/articlepage.ratingsenumdisplay.link:rating/rating-enum/1/rating-system/tkb_helpfulness/rating-use-feedback-on-val/2/message-uid/39?t:ac=blog-id/basics/article-id/39&t:cp=ratings/contributionpage">Yes</a></span> <span class="lia-button-wrapper lia-button-wrapper-secondary"><a class="lia-button lia-button-secondary lia-rating-image lia-rating-image-selected lia-rating-image-active lia-js-data-ratingValue-0 lia-link-ticket-post-action" title="Click here to give feedback on this article" role="button" data-lia-action-token="cUY1w0WyKiCzFG0r342_uNk6Sqc2q3h3g0LnDCGrGsU." rel="nofollow" id="link_9" href="https://community.canvaslms.com/t5/tkb/v2_4/articlepage.ratingsenumdisplay.link:rating/rating-enum/0/rating-system/tkb_helpfulness/rating-use-feedback-on-val/2/message-uid/39?t:ac=blog-id/basics/article-id/39&t:cp=ratings/contributionpage">No</a></span> </div> </div> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-tkb-footer"> <div class="lia-quilt-column lia-quilt-column-12 lia-quilt-column-left lia-quilt-column-footer-left"> <div class="lia-quilt-column-alley lia-quilt-column-alley-left"> <div data-lia-kudos-id="39" id="kudosButtonV2" class="KudosButton lia-button-image-kudos-wrapper lia-component-kudos-widget-button-version-3 lia-component-kudos-widget-button-horizontal lia-component-kudos-widget-button lia-component-kudos-action lia-component-message-view-widget-kudos-action"> <div class="lia-button-image-kudos lia-button-image-kudos-horizontal lia-button-image-kudos-enabled lia-button-image-kudos-not-kudoed lia-button-image-kudos-has-kudoes lia-button-image-kudos-has-kudos lia-button"> <div class="lia-button-image-kudos-count"> <a class="lia-link-navigation kudos-count-link" title="Click here to see who gave likes to this post." id="link_10" href="/t5/kudos/messagepage/board-id/basics/message-id/39/tab/all-users"> <span itemprop="upvoteCount" id="messageKudosCount_2485fed9206c0d" class="MessageKudosCount lia-component-kudos-widget-message-kudos-count"> 43 </span><span class="lia-button-image-kudos-label lia-component-kudos-widget-kudos-count-label"> Likes </span> </a> </div> <div class="lia-button-image-kudos-give"> <a onclick="return LITHIUM.EarlyEventCapture(this, 'click', true)" class="lia-link-navigation kudos-link lia-link-ticket-post-action" role="button" data-lia-kudos-entity-uid="39" aria-label="Click here to give likes to this post." title="Click here to give likes to this post." data-lia-action-token="j1TEgmlrEgTahS3Z58jdAG-KS49Nu7S0exCD6ORVPBA." rel="nofollow" id="kudoEntity" href="https://community.canvaslms.com/t5/tkb/v2_4/articlepage.kudosbuttonv2.kudoentity:kudoentity/kudosable-gid/39?t:ac=blog-id/basics/article-id/39&t:cp=kudos/contributions/tapletcontributionspage"> </a> </div> </div> </div> </div> </div><div class="lia-quilt-column lia-quilt-column-12 lia-quilt-column-right lia-quilt-column-footer-right"> <div class="lia-quilt-column-alley lia-quilt-column-alley-right lia-mark-empty"> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-tkb-nav"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-tkb-nav-content"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <style> .lia-quilt-row.lia-quilt-row-tkb-nav { margin: 2rem 0 4rem 0; background-color: #F2F8FA; } .prevNextWrapper { padding: 0 2rem; margin: 3rem auto; height: auto; display: flex; justify-content: space-between; max-width: 1240px; } .prevNextWrapper div { padding: 0.8rem 1rem; font-weight: bold; max-width: 50%; } .prevNextWrapper a { color: #0D323F; } .prevArticleLinkArrow { white-space: normal; margin: auto 0; padding-right: 5px; } .nextArticleLink, .prevArticleLink { display: flex; align-items: center; margin: auto 0; line-height: 2.8rem; color: #0D323F; } .nextArticleLink a { padding-right: 1rem; } .prevArticleLink a { padding-left: 1rem; } .nextArticleLink { text-align: right; float: right; } .nextArticleLinkArrow { white-space: normal; margin: auto 0; position: relative; padding-left: 5px; } </style> <div class="prevNextWrapper"> <div>  <span class="prevArticleLink"><i class="fa-solid fa-arrow-left"></i><a href="/t5/Canvas-Basics-Guide/What-is-New-Analytics/ta-p/73">What is New Analytics?</a></span> </div> <div> <span class="nextArticleLink"><a href="/t5/Canvas-Basics-Guide/What-are-Assignments/ta-p/9">What are Assignments?</a><i class="fa-solid fa-arrow-right"></i></span>  </div> </div> </div> </div> </div> </div> </div> </div> <style> .hide-iframe { display: none; } #video-carousel { position: relative; overflow: hidden; width: 100%; padding-top: 56.25% } #toc-video-carousel { z-index: 1; position: absolute; display: block; background-color: rgba(23, 35, 34,.5); color: rgb(250, 250, 250); width: 33%; left: 0; top: 0; height: 80%; } #toc-video-carousel:hover { background-color: rgba(23, 35, 34,.85); } #playlist-header { color: rgb(250, 250, 250); height: min-content; } #playlist-title { margin:.5rem; } #playlist-controls{ display: flex; flex-direction: row; justify-content: space-between; margin: 0 .5rem .5rem .5rem; } #playlist-queue-wrapper { overflow: auto; height: 80%; } .playlist-thumb { padding: .5rem .5rem .5rem 1rem; margin: 0; } .currently-playing, .playlist-thumb:hover { background-color: rgba(250, 250, 250, .1); } #active-video { z-index: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } </style> <script type="text/javascript"> //play the selected video let currentlyPlaying; let videoSourceList = []; function playVideoSelected(selection) { if (document.getElementById('active-video').getAttribute('title') === '') { document.getElementById('active-video').setAttribute('title', selection.getAttribute('textContent')); document.getElementById('active-video').setAttribute('src', selection.id); selection.classList.add('currently-playing'); currentlyPlaying = selection; } else if (selection != currentlyPlaying) { document.getElementById('active-video').setAttribute('title', selection.textContent); document.getElementById('active-video').setAttribute('src', selection.id); currentlyPlaying.classList.remove('currently-playing'); selection.classList.add('currently-playing'); currentlyPlaying = selection; } } function previousNextFunction(val) { let newIndex = videoSourceList.indexOf(document.querySelector('.currently-playing').id) + val; if (newIndex < 0) { newIndex = 0 } else if (newIndex > videoSourceList.length - 1) { newIndex = videoSourceList.length - 1 } playVideoSelected(document.getElementById(videoSourceList[newIndex])) } //test for playlist and insert carousel at location const givenText = 'PLAYLIST'; let playlistTest = []; for (let p of document.querySelectorAll('p')) { if (p.textContent.includes(givenText)) { buildCarousel(p); break } } function buildCarousel(location) { location.style.display = 'none'; const carouselWrapper = document.createElement('div') carouselWrapper.id = 'video-carousel'; const carousel = ` <div id='toc-video-carousel'> <div id='playlist-header'> <h4 id='playlist-title'></h4> <div id='playlist-controls'> <i id="playlist-expand-collapse" class="fa-solid fa-chevron-up"></i> <span> <i id='playlist-previous-video' class="fa-solid fa-backward-step"></i> <i id='playlist-next-video' class="fa-solid fa-forward-step"></i> </span> </div> </div> <div id='playlist-queue-wrapper'> <div id='playlist-queue'> </div> </div> </div> <iframe id="active-video" src="" width="560px" height="320px" frameborder="0" allowfullscreen="allowfullscreen" allow="autoplay *" title=""> </iframe> `; carouselWrapper.innerHTML = carousel; location.insertAdjacentElement('afterend', carouselWrapper) //get page title for playlist title and videos for playlist document.getElementById('playlist-title').textContent = document.querySelector('.PageTitle > span').textContent; const videos = document.querySelectorAll("p > iframe"); const playlistQueue = document.getElementById('playlist-queue') const playlistQueueWrapper = document.getElementById('playlist-queue-wrapper'); //expand or collaspe the playlist queue const expandCollapse = document.getElementById('playlist-expand-collapse'); expandCollapse.addEventListener('click', event => { if (expandCollapse.classList.contains("fa-chevron-down")) { playlistQueueWrapper.style.display = 'block'; expandCollapse.classList.replace('fa-chevron-down', 'fa-chevron-up'); document.getElementById('toc-video-carousel').style.height = '80%'; } else { playlistQueueWrapper.style.display = 'none'; expandCollapse.classList.replace('fa-chevron-up', 'fa-chevron-down'); document.getElementById('toc-video-carousel').style.height = 'auto'; } }) //add functionality to previous and next buttons const previousVideo = document.getElementById('playlist-previous-video'); const nextVideo = document.getElementById('playlist-next-video'); previousVideo.addEventListener('click', e => { e.preventDefault(); previousNextFunction(-1) }) nextVideo.addEventListener('click', e => { e.preventDefault(); previousNextFunction(1) }); //hide each iframe and create a playlist of the embedded videos with eventlisteners videos.forEach(video => { //test if iframe is Studio video let source = video.getAttribute("src"); const regex = /.+instructuremedia\.com.+/ if (regex.test(source)) { //hide each video iframe video.classList.add('hide-iframe') //create playlist of videos and add eventlisteners to each video let title = video.getAttribute("title"); let videoThumb = document.createElement('h5'); videoThumb.id = source + "?autoplay=1"; videoThumb.textContent = title; videoThumb.className = 'playlist-thumb'; videoThumb.addEventListener('click', event => { playVideoSelected(event.target) }) videoSourceList.push(source + "?autoplay=1"); playlistQueue.append(videoThumb); } }) playVideoSelected(document.getElementById(videoSourceList[0])); } </script> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-tkb-bottom"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-tkb-bottom-content"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <div class="lia-panel lia-panel-standard custom-related-content "> <div class="lia-decoration-border"> <div class="lia-decoration-border-top"><div> </div></div> <div class="lia-decoration-border-content"> <div> <div class="lia-panel-heading-bar-wrapper"> <div class="lia-panel-heading-bar"> <span class="lia-panel-heading-bar-title">Related Guides</span> </div> </div> <div class="lia-panel-content-wrapper"> <div class="lia-panel-content"> <style> .related-item-li { display: flex; gap: 1rem; } .related-item-li p { font-size: 14px; font-weight: bold; text-indent: 1rem; } </style> <ul class="lia-list-standard"> <li class="related-item-li"> <span><i class="fa-solid fa-angles-right"></i></span> <span> <a href="/t5/Canvas-Basics-Guide/How-do-I-view-my-courses-in-the-Card-View-Dashboard/ta-p/618765" class="lia-link-navigation"> How do I view my courses in the Card View Dashboard?</a> <p>in <a href="/t5/Canvas-Basics-Guide/tkb-p/basics">Canvas Basics Guide</a></p> </span> </li> <li class="related-item-li"> <span><i class="fa-solid fa-angles-right"></i></span> <span> <a href="/t5/Canvas-Basics-Guide/How-do-I-view-global-activity-for-all-courses-in-the-Recent/ta-p/618764" class="lia-link-navigation"> How do I view global activity for all courses in the Recent Activity Dashboard?</a> <p>in <a href="/t5/Canvas-Basics-Guide/tkb-p/basics">Canvas Basics Guide</a></p> </span> </li> <li class="related-item-li"> <span><i class="fa-solid fa-angles-right"></i></span> <span> <a href="/t5/Canvas-Basics-Guide/How-do-I-use-the-Dashboard-as-a-student/ta-p/618762" class="lia-link-navigation"> How do I use the Dashboard as a student?</a> <p>in <a href="/t5/Canvas-Basics-Guide/tkb-p/basics">Canvas Basics Guide</a></p> </span> </li> </ul> </div> </div> </div> </div> <div class="lia-decoration-border-bottom"> <div> </div> </div> </div> </div> <style> .qanda-btn-wrapper { margin: 1rem 0; text-align: center; height: 48px; } .qanda-btn { background: #0D323F; color: #fff; padding: 1rem 2.6rem; border: 2px solid #0D323F; border-radius: 25px; transition: all ease 300ms; line-height: 2.2rem; display: inline-block; } .qanda-btn:hover { background: #fff; color: #0D323F; text-decoration: none; } </style> <style> .lia-quilt-row-tkb-bottom .lia-panel { max-width: 90vw; } .guide-embed-wrapper { margin: 1rem 0; text-align: center; max-width: 100%; } .guide-embed-wrapper p { margin: 1.5rem; } .guide-embed-wrapper button { background-color: #0D323F; border: 2px solid #0D323F; border-radius: 2.4rem; color: #fff; cursor: pointer; padding: 1rem 2.6rem; transition: all ease 300ms; margin: 1.5rem; } .guide-embed-wrapper button:hover { background-color: #fff; color: #0D323F; transition: all ease 300ms; } .embed-code-container { margin: 0.5rem 1.5rem; } #guide-embed-pre { margin: 0.5rem 1.5rem; } #guide-embed-code { min-height: 150px; } .embed-hidden { display: none; } </style> <div class="lia-panel lia-panel-standard"> <div class="lia-panel-heading-bar-wrapper"> <div class="lia-panel-heading-bar"> <span class="lia-panel-heading-bar-title">Embed this guide in your Canvas course: </span> </div> </div> <div class="guide-embed-wrapper"> <button type="button" id="guide-embed-btn">Embed this Guide</button> <div id="embed-code-container" class="embed-code embed-hidden"> <pre id="guide-embed-pre"><code id="guide-embed-code" class="language-html"></code></pre> </div> <p>Note: You can only embed guides in Canvas courses. Embedding on other sites is not supported.</p> </div> </div> <script> const messagePrintId = '39'; const messageBoardID = 'basics'; let embedTextAreaPre = document.getElementById("guide-embed-pre"); let embedTextAreaCode = document.getElementById("guide-embed-code"); let embedContainer = document.getElementById("embed-code-container"); let embedBtn = document.getElementById("guide-embed-btn"); const copyButtonLabel = "Copy Code"; let currentURL = window.location.href; let rootURL = window.location.host; // Usage (async () => { try { // const messagePrintId = await createEmbedURL(); const messagePrintUrl = `https://${rootURL}/t5/tkb/articleprintpage/tkb-id/${messageBoardID}/article-id/${messagePrintId}`; const embedCode = `<div style="overflow: hidden;"><iframe style="width: 100%; height: 800px; margin-top: -150px;" src="${messagePrintUrl}"></iframe></div>`; embedBtn.addEventListener("click", function () { insertEmbedCode(embedCode) embedContainer.classList.toggle("embed-hidden"); }); if (navigator.clipboard) { let button = document.createElement("button"); button.innerText = copyButtonLabel; button.addEventListener("click", copyCode); embedTextAreaPre.parentNode.insertBefore(button, embedTextAreaPre.nextSibling); } } catch (error) { // Handle errors here if necessary console.error(error); } })(); function insertEmbedCode(text) { embedTextAreaCode.innerText = text; } async function copyCode(event) { const button = event.srcElement; let text = embedTextAreaCode.innerText; await navigator.clipboard.writeText(text); button.innerText = "Code Copied!"; setTimeout(() => { button.innerText = copyButtonLabel; }, 5000) } </script> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-footer"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-common-footer"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <style> .lia-rating-enumeration-system-tkb_helpfulness { position: relative; display: flex; justify-content: center; } .like-button-tooltip { position: absolute; bottom: 100%; background-color: #143D50; border-radius: 1rem; padding: 1rem; display: none; z-index: 1; color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); opacity: 0; transition: opacity 0.5s; margin-bottom: 1.2rem; } .like-button-tooltip::after { content: ''; position: absolute; bottom: -10px; left: 50%; border-width: 10px 10px 0; border-style: solid; border-color: #143D50 transparent; display: block; width: 0; } .like-button-tooltip-inner { display: flex; } .like-button-tooltip-inner a { color: #fff; text-decoration: underline; } .like-button-tooltip-inner p { margin: 0; font-size: 1.4rem; font-weight: 400; } .like-button-tooltip-close { margin-left: 1rem; cursor: pointer; display: block; } @media screen and (max-width: 1000px) { .like-button-tooltip { left: 0; } .like-button-tooltip::after { left: 5%; } } </style> <script> const toolTipText = '<p>Found this content helpful? <a href="/t5/custom/page/page-id/LoginPage">Log in or sign up</a> to mark it helpful!</p>'; function createToolTip(likeButton, likeButtonLink) { const toolTipCode = `<div class="like-button-tooltip-inner">${toolTipText}<span class="like-button-tooltip-close" title="Dismiss"><i class="fa-solid fa-xmark"></i></span></div>`; const toolTip = document.createElement('div'); toolTip.classList.add('like-button-tooltip'); toolTip.innerHTML = toolTipCode; likeButton.appendChild(toolTip); } document.addEventListener('DOMContentLoaded', function () { const likeButton = document.querySelector('.lia-rating-enumeration-system-tkb_helpfulness'); const likeButtonLink = document.querySelector('.kudos-link'); let likeDismissCookie = localStorage.getItem("inst_comm_like_dismiss"); if (!likeDismissCookie) { localStorage.setItem("inst_comm_like_dismiss", "-1"); loginDate = -1; } if (likeDismissCookie !== "-1") { // toolTip.style.display = 'none'; const storedTime = new Date(parseInt(loginDate)); const currentTime = new Date(); if (storedTime.getTime() < currentTime.getTime()) { localStorage.setItem("inst_comm_like_dismiss", "-1"); } } else { createToolTip(likeButton, likeButtonLink); const toolTip = document.querySelector('.like-button-tooltip'); const toolTipClose = document.querySelector('.like-button-tooltip-close'); const observer = new IntersectionObserver(entries => { entries.forEach(entry => { if (entry.isIntersecting) { toolTip.style.display = 'block'; setTimeout(() => { toolTip.style.opacity = '1'; }, 2000); // Stop observing once elementOne is visible observer.unobserve(likeButton); } }); }); // Start observing elementTwo observer.observe(likeButton); likeButtonLink.addEventListener('click', () => { toolTip.style.display = 'none'; }); if (toolTipClose) { toolTipClose.addEventListener("click", function () { const now = new Date(); const fourteenDays = new Date(now.getTime() + 14 * 24 * 60 * 60 * 1000); // Adding 24 hours in milliseconds const epochTime = fourteenDays.getTime(); // Getting the epoch time in milliseconds localStorage.setItem("inst_comm_like_dismiss", epochTime); toolTip.style.display = 'none'; }); } setTimeout(() => { toolTip.style.opacity = '0'; setTimeout(() => { toolTip.style.display = 'none'; }, 500); // Fade out duration (0.5 seconds) + delay (0.5 seconds) = 1 second }, 15000); // Hide after 10 seconds (including 2-second fade-in delay) } }); </script> <style> .html-embed { position: relative; } .embed-button { border: 2px solid #143d50; background-color: #143d50; color: #fff; padding: 10px 20px; display: block; border-radius: 2.4rem; margin: 1.2rem 0; } .embed-button:hover { background-color: #fff; color: #143d50; } </style> <script defer> let htmlEmbeds = document.querySelectorAll('.html-embed'); if (!window.location.href.includes('What-are-the-browser-and-computer-requirements-for-Instructure') && !window.location.href.includes('604159')) { htmlEmbeds.forEach(function (item) { const innerHTML = item.innerHTML; const iframe = item.querySelector('iframe'); const embedButton = document.createElement('button'); embedButton.innerHTML = 'Embed this Video'; embedButton.classList.add('embed-button'); item.appendChild(embedButton); embedButton.addEventListener('click', function () { if (!item.querySelector('.embed-code')) { const embedCode = `${innerHTML}`; const embedCodeContainer = document.createElement('div'); embedCodeContainer.classList.add('embed-code'); const embedText = document.createElement('pre'); embedText.innerText = embedCode; const copyButton = document.createElement('button'); copyButton.innerHTML = 'Copy to Clipboard'; copyButton.classList.add('embed-button'); copyButton.style.marginTop = '10px'; embedCodeContainer.appendChild(copyButton); copyButton.addEventListener('click', function () { const el = document.createElement('textarea'); el.value = embedCode; document.body.appendChild(el); el.select(); document.execCommand('copy'); document.body.removeChild(el); copyButton.innerHTML = 'Copied!'; }); embedCodeContainer.appendChild(embedText); item.appendChild(embedCodeContainer); } }); }); } </script> <style> #custom-tkb-feedback-form { display: flex; flex-direction: column; align-items: center; margin: 2em 0; } #custom-tkb-feedback-form .lia-button.lia-button-secondary { border: 2px solid #287a9f; color: #287a9f; font-weight: 300; } #custom-tkb-feedback-form .lia-button.lia-button-secondary:hover, #custom-tkb-feedback-form .lia-button.lia-button-secondary:active, #custom-tkb-feedback-form .lia-button.lia-button-secondary:focus, #custom-tkb-feedback-form .lia-button.lia-button-secondary:active:focus, #custom-tkb-feedback-form .lia-button.lia-button-secondary:active:hover { background: #287a9f; border-color: #287a9f; } </style> <div class="lia-quilt lia-quilt-footer lia-quilt-layout-footer lia-component-quilt-footer"> <div class="lia-quilt-row lia-quilt-row-main"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-icons"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <li:common-scroll-to class="lia-component-common-widget-scroll-to" li-bindable="" li-instance="0" componentId="common.widget.scroll-to" mode="default"></li:common-scroll-to> <script src="https://cdn.jsdelivr.net/npm/tsparticles-confetti@2.9.3/tsparticles.confetti.bundle.min.js" defer></script> <script> const defaultsKudos = { spread: 200, ticks: 75, gravity: 0, decay: 0.94, startVelocity: 25 }; function shootKudos() { confetti({ ...defaultsKudos, particleCount: 50, scalar: 1.2, shapes: ["circle", "square"], colors: ["#E72429", "#F68E20", "#287A9F", "#FACB13", "#24A159"], origin: { y: 0.5 } }); } const kudosButtons = document.querySelectorAll('.kudos-link'); kudosButtons.forEach((element) => { element.addEventListener('click', (event) => { setTimeout(() => { shootKudos(); }, 0); }); }); </script> <style> .chatbot-container-pirate { position: fixed; bottom: 2rem; right: 2rem; z-index: 999; } .chatbot-button-pirate { width: 6rem; height: 6rem; border-radius: 50%; background-color: #287A9F; color: #fff; font-size: 18px; border: none; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); cursor: pointer; outline-color: #FACB13; } .chatbot-container-pirate .chatbot-button-pirate img { width: 100%; height: auto; } .chatbot-modal-pirate { display: none; position: fixed; bottom: 10rem; right: 2rem; border-radius: 1rem; box-shadow: 0 20px 50px 10px rgba(20, 61, 80, .15); z-index: 999; max-width: 37.5rem; } .modal-content-pirate { display: flex; flex-direction: column; align-items: center; padding: 2rem; overflow: auto; max-height: calc(100vh - 40rem); background-color: #fff; } .modal-header { background-color: #287A9F; color: #fff; height: 5rem; display: flex; align-items: center; border-radius: 1rem 1rem 0 0; } .modal-header img { width: 3rem; height: 3rem; margin-right: 1rem; } .modal-header h1 { font-size: 2rem; font-weight: 400; margin: 0; padding: 0; margin: 0 auto; } .chatbot-modal-button, .close-button { border: none; cursor: pointer; } .chatbot-modal-button { margin-top: 1rem; padding: 1rem 2rem; background-color: #143D50; color: #fff; border-radius: 2.4rem; border: 2px solid #143D50; text-align: center; transition: all 0.3s ease-in-out; } .chatbot-modal-button:hover { background-color: #FFF; color: #143D50; border: 2px solid #143D50; text-decoration: none; } .modal-content-pirate h3 { font-size: 2rem; color: #143D50; font-weight: bold; margin-bottom: 2rem; } .modal-content-pirate ul { list-style: disc; padding-left: 2rem; } .close-button { background: none; color: #FFF; margin: 0; padding: 1rem; } .message-bubble-pirate { position: fixed; bottom: 10rem; right: 2rem; background-color: #fff; border-radius: 8px; padding: 20px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); z-index: 999; max-width: 37.5rem; font-size: 14px; opacity: 0; transition: opacity 0.5s; } .message-bubble-pirate::after { content: ''; position: absolute; bottom: -10px; right: 20px; border-width: 10px 10px 0; border-style: solid; border-color: #fff transparent; display: block; width: 0; } .message-bubble-pirate p { margin: 0; padding-top: 0.5rem; } .message-bubble-close-button { color: #143D50; font-size: 1.4rem; font-weight: bold; position: absolute; top: 0; right: 0; padding: 1rem; background: none; border: none; } .modal-footer-pirate { background-color: #287A9F; border-radius: 0 0 1rem 1rem; } .modal-bottom-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem; } .chatbot-paragraph { padding: 1rem; margin-bottom: 0; color: #FFF; text-align: center; } .modal-content-pirate .lia-link-navigation.login-link.lia-authentication-link.lia-component-users-action-login { height: auto; border-radius: 2.4rem; background-image: linear-gradient(90deg, #E72429 33%, #F68E20 66%); outline: 0; color: #FFF; font-size: 1.8rem; font-weight: bold; display: block; align-self: center; padding: 1rem 2rem; display: flex; white-space: nowrap; margin-right: 1rem; } .modal-bottom-wrapper a { color: #fff; background-image: linear-gradient(90deg, #E72429 33%, #F68E20 66%); font-size: 1.8rem; font-weight: bold; text-decoration: none; padding: 1rem 2rem; border-radius: 2.4rem; } .modal-hz-line { width: 100%; height: 1px; background-color: #143D50; margin: 2rem 0; } @media screen and (max-width: 600px) { .chatbot-button-pirate img { max-height: 6rem; max-width: 6rem; } .chatbot-container { bottom: 1rem; right: 1rem; } .chatbot-modal { bottom: 0; right: 0; } } </style> <div class="chatbot-container-pirate"> <button class="chatbot-button-pirate" onclick="toggleChatbotModalPirate()"><img src="https://community.canvaslms.com/html/@3C1DC1F2E9ED41B0F92B9CB825DD167E/assets/pandabot.svg" alt="Community Panda Avatar"></button> <div class="chatbot-modal-pirate" id="chatbotModalPirate"> <div class="modal-header"> <h1 aria-hidden="false"><span aria-hidden="true"><img src="https://community.canvaslms.com/html/@3C1DC1F2E9ED41B0F92B9CB825DD167E/assets/pandabot.svg"></span><span>Community Help</span></h1> <button class="close-button" onclick="closeChatbotModalPirate()" title="Close"><i class="fa-solid fa-xmark-large"></i></button> </div> <div class="modal-content-pirate" id="chatbot-modal-content-test"> <h3>View our top guides and resources:</h3> <a href="/t5/Canvas-Basics-Guide/Where-do-I-find-my-institution-s-URL-to-access-Canvas/ta-p/82" class="chatbot-modal-button">Find My Canvas URL</a> <a href="/t5/Troubleshooting/Logging-into-Canvas/ta-p/875" class="chatbot-modal-button">Help Logging into Canvas</a> <a href="/t5/Student-Guide/How-do-I-generate-a-pairing-code-for-an-observer-as-a-student/ta-p/418" class="chatbot-modal-button">Generate a Pairing Code</a> <a href="/t5/Canvas-Basics-Guide/What-are-the-browser-and-computer-requirements-for-Instructure/ta-p/66" class="chatbot-modal-button">Canvas Browser and Computer Requirements</a> <a href="/t5/Student-Guide/How-do-I-manage-my-Canvas-notification-settings-as-a-student/ta-p/434" class="chatbot-modal-button">Change Canvas Notification Settings</a> <a href="/t5/Student-Guide/How-do-I-submit-a-peer-review-to-an-assignment/ta-p/293" class="chatbot-modal-button">Submit a Peer Review Assignment</a> </div> <div class="modal-footer-pirate"> <div class="modal-bottom-wrapper"> <p class="chatbot-paragraph">To participate in the Instructure Community, you need to sign up or log in:</p> <a class="lia-link-navigation login-link lia-authentication-link lia-component-users-action-login" rel="nofollow" id="loginPageV2_2485fedba96ec0" href="/t5/custom/page/page-id/LoginPage?referer=https%3A%2F%2Fcommunity.canvaslms.com%2Ft5%2FCanvas-Basics-Guide%2FWhat-are-Announcements%2Fta-p%2F39">Sign In</a> </div> </div> </div> </div> <script> // let timerPirate; let jsonData; let bubbleText = 'View our top guides and resources'; const rootURLChat = window.location.host; async function fetchData() { try { const response = await fetch(`https://${rootURLChat}/xjnht99997/plugins/custom/instructure/instructure/community-campaigns-json`); jsonData = await response.json(); } catch (error) { console.error('Error fetching data:', error); } const matchingCampaign = checkPageURL(jsonData); showMessageBubble(matchingCampaign); renderCampaign(matchingCampaign); } fetchData(); function checkPageURL(jsonData) { const pageURL = window.location.href; const campaignURLs = jsonData.campaigns.map(campaign => campaign.campaign_urls).flat(); let matchingIndex = -1; let matchingCampaign = null; campaignURLs.some((url, index) => { if (pageURL.includes(url)) { matchingIndex = index; return true; // Stops iteration } return false; }); if (matchingIndex !== -1) { matchingCampaign = jsonData.campaigns.find(campaign => campaign.campaign_urls.includes(campaignURLs[matchingIndex]) ); return matchingCampaign; } else { return -1; } } function showMessageBubble(matchingCampaign) { const chatContainer = document.querySelector('.chatbot-container-pirate'); const bubble = document.createElement('div'); bubble.className = 'message-bubble-pirate'; chatContainer.appendChild(bubble); if (matchingCampaign === -1) { bubbleText = 'View our top guides and resources'; setTimeout(() => { bubble.style.opacity = '1'; }, 2000); // Fade in after 2 seconds timerPirate = setTimeout(() => { bubble.style.opacity = '0'; setTimeout(() => { bubble.style.display = 'none'; }, 500); // Fade out duration (0.5 seconds) + delay (0.5 seconds) = 1 second }, 10000); // Hide after 10 seconds (including 2-second fade-in delay) } else { bubbleText = matchingCampaign.name; const bubbleCloseButton = document.createElement('button'); bubbleCloseButton.className = 'message-bubble-close-button'; bubbleCloseButton.innerHTML = '<i class="fa-solid fa-xmark-large"></i>'; bubbleCloseButton.title = 'Close'; bubbleCloseButton.onclick = closeChatBubble; bubble.appendChild(bubbleCloseButton); bubble.style.fontWeight = 'bold'; bubble.style.boxShadow = '0 3px 6px rgba(0, 0, 0, 0.4)'; bubble.style.opacity = '1'; const bubbleElem = document.querySelector('.message-bubble-close-button'); bubbleElem.addEventListener('click', closeChatBubble); } bubble.innerHTML += `<p>${bubbleText}</p>`; } function toggleChatbotModalPirate() { clearTimeout(timerPirate); const modal = document.getElementById('chatbotModalPirate'); const msgBubble = document.querySelector('.message-bubble-pirate'); modal.style.display = modal.style.display === 'block' ? 'none' : 'block'; msgBubble.style.opacity = '0'; msgBubble.style.display = 'none'; } function closeChatbotModalPirate() { const modal = document.getElementById('chatbotModalPirate'); modal.style.display = 'none'; } function closeChatBubble() { const bubble = document.querySelector('.message-bubble-pirate'); bubble.style.opacity = '0'; setTimeout(() => { bubble.style.display = 'none'; }, 500); // Fade out duration (0.5 seconds) + delay (0.5 seconds) = 1 second } async function getCampaignBody(campaignID) { try { const response = await fetch(`https://${rootURLChat}/api/2.0/messages/${campaignID}`); const responseJson = await response.json(); const responseBody = responseJson.data; return responseBody; } catch (error) { console.error('Error fetching campaign body:', error); return null; // Handle the error gracefully } } async function renderCampaign(data) { if (data === -1) { return; } else { if (data.icon_color) { const chatButton = document.querySelector('.chatbot-button-pirate'); chatButton.style.backgroundColor = data.icon_color; } const campaignSection = document.querySelector('#chatbot-modal-content-test'); campaignSection.innerHTML = ""; const campaignDiv = document.createElement('div'); const campaignBodyData = await getCampaignBody(data.campaign_content_id); let campaignBody, campaignTitle; if (campaignBodyData === null) { campaignBody = "No campaign body found."; campaignTitle = "No campaign title found."; } else { campaignBody = campaignBodyData.body; campaignTitle = campaignBodyData.subject; } campaignDiv.innerHTML = ` <h2>${campaignTitle}</h2> <p>${campaignBody}</p> `; campaignSection.appendChild(campaignDiv); if (data.button_text && data.button_url) { const footerButton = document.querySelector('.modal-footer-pirate a'); const footerParagraph = document.querySelector('.modal-footer-pirate p'); footerButton.href = data.button_url; footerButton.textContent = data.button_text; if (data.button_paragraph) { footerParagraph.textContent = data.button_paragraph; } else { footerParagraph.style.display = 'none'; } } else { const modalFooter = document.querySelector('.modal-footer-pirate'); modalFooter.style.display = 'none'; document.querySelector('.modal-content-pirate').style.borderRadius = '1rem'; } } } // </script> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-theme-scripts"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-ui-scripts"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single lia-mark-empty"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <footer id="footer"> <div class="inner"> <h3> <a href="https://www.instructure.com/"> <img id="logo" src="https://community.canvaslms.com/html/@6E962FFFAB6039EB37D7E78731C112BC/assets/Instructure_Logo_Horizontal_White_RGB.svg" alt="Instructure" /> </a> </h3> <div class="header-search-wrapper"> <div id="lia-searchformV32_2485fed160d58d" class="SearchForm lia-search-form-wrapper lia-mode-default lia-component-common-widget-search-form"> <div class="lia-inline-ajax-feedback"> <div class="AjaxFeedback" id="ajaxfeedback_2485fed160d58d"></div> </div> <div id="searchautocompletetoggle_2485fed160d58d"> <div class="lia-inline-ajax-feedback"> <div class="AjaxFeedback" id="ajaxfeedback_2485fed160d58d_0"></div> </div> <form enctype="multipart/form-data" class="lia-form lia-form-inline SearchForm" action="https://community.canvaslms.com/t5/tkb/v2_4/articlepage.searchformv32.form.form" method="post" id="form_2485fed160d58d" name="form_2485fed160d58d"><div class="t-invisible"><input value="blog-id/basics/article-id/39" name="t:ac" type="hidden"></input><input value="search/contributions/page" name="t:cp" type="hidden"></input><input value="-cKnG9llythQ739SxvzWnqump3LITbSa-OcQytFN264vkUdihZ-EsxrdCzojyDdNpGJbODtetZokEun9GZZyWLHdtDF7Wm7HPOU2x1NZEv2NA27EbFpGjZN9DhlyGF1OiZoaiytBomesozfsVphik_lHYTfOZgHvpMBUSdsWKWv2uSO5IOrjqVN5tOo1C4IOrcbugH9FhVt1Rh_nw6wELtRN6fp9TDFYExQhabpycztCnsRZtO8qv3UkCYCefi6i7zuMG70h1TH7YI3Avc2sQ7xQ1uLzHhw3DadRItdtZ6qZxTwu9Vl-codpM35rcFUoF3ct8Fi5rTrG28HMnF69eS-tLpyozif2HmnYeh8X0q5LC0jih-lAQOvDqk2_P3_Xga-VAv1iPX4fUnXETlTrLfa1MbkeuB9YbXpgsuOpv3h_yyQe_9ZufmfwK2gdYMLP6qYaH2itTu0AwFYqgKU_J7HQehfKZkYHcxVhrl0S4FnpPzY5WECrZpnWki829FSlm5ptgi31wQwZDK8gXCou4uqlxDlXNV2OiiTyAn6h-u75OwKhMm_vrDfKewXj8IIqKL4rBM5VmcFVajPpxztWN7QdABkG0LPSAc1eRVqHUWgdZ6EppxxhfP95j-t8hOAizUTHGVX9yZtMwcwIKKECel8X2KeL6ifMLUOZf_asn4L8qf_QGugXLtS223vjGnMO56lIuvC2f6-hEBTSlw3iJAlXn_xdFAPZkY1PF_kkjLM5pcz4cPU8kpXy-eAReiDlwfbdktjxDHJSK0oOhXA3J12M4Yh2fcgniplDmonLRc8alnNvq8AJk5Eo2RKNH6zbs4pWO_Uo-ByJAlD21rY7VdkKx4SS1ut0BYLDbF00SilJWO3_iSmWT11XMPNi-o6dIFzQr-6Rl28DLPbXo1vHc-0azwF6cT8_9jrUJAK-dPeUT0lb1sVy6LzvBbpPceQIli9w1TS6Jtl1BT-OBYZ8zf1h2a3LyNdTKE0QK9lMYfDRdxTZ_IxnlG1eP8h7Vx7KVi_-AstCcR_NqG8fc8_xVUofJ3XJbm6nwmkmJtnQnXjq_EIAAvR6Gm_jebFLArhyXa8wY1zHY90UiLlWt3jy6pk8aUpf2dpAqVz2Y386yoamqrbo7qBKrDs3UESobU1tsRomeEzvNiaeXnS72722a3L6lv80gUe94W9ZyS7hUA4rwxi7h13ows6dKGWh9sQt7W4EFZcO48wq_vvCOnVJ3r9tYIrmuer7xn_7Hghbb4ZiVGw2nvUoKucnJoUZdDZgnhY6iNuoS6UrYn0dKdQcpfZWW0PmsOdZJnh3HuQz5k0." name="lia-form-context" type="hidden"></input><input value="TkbArticlePage:blog-id/basics/article-id/39:searchformv32.form:" name="liaFormContentKey" type="hidden"></input><input value="yDZKQFNI0U/sd9X4pbUemqvQQZw=:H4sIAAAAAAAAALWSzUrDQBSFr4Wuigiib6DbiajdqAhFUISqweBaZibTNJpk4sxNEzc+ik8gvkQX7nwHH8CtKxfmzxJbwaTUVZhzw/nOmblP79COD+FAC6r40OAyQOWyCF0ZaMOkjtgrJgOp/NHONtER810sP9nfIkGtoCuVQ2hI+VAQpKHQqO67hEslPJcRRrUgPZaKlOOxKzx7wxIYhZtX487b+stnC5b60MnZ0junvkBY7d/QETU8GjiGlUYKnP0kRFguwEcFeAHBe02Dm0pyobWV+Wid0sbP9u7g4/G1BZCE8QWc1U3kpzapWoqZ+S+SvoMHgPQ+ypGVj/IoC2dlqHZ8CWZdV7xljUqszZa43voPYNHkFE7qGkdaqKrl1Pm7wEqmV59gcYjGkQOJP25h6jyJnOlzRv4DUURusIWhknbEsWo5K002vhzNufG1WHmDLwdzh8gDBQAA" name="t:formdata" type="hidden"></input></div> <div class="lia-inline-ajax-feedback"> <div class="AjaxFeedback" id="feedback_2485fed160d58d"></div> </div> <input value="l84zCSedXJpIAjaSq_RnMtaJ6J3acjNNv_4pqy5OBNc." name="lia-action-token" type="hidden"></input> <input value="form_2485fed160d58d" id="form_UIDform_2485fed160d58d" name="form_UID" type="hidden"></input> <input value="" id="form_instance_keyform_2485fed160d58d" name="form_instance_key" type="hidden"></input> <span class="lia-search-input-wrapper"> <span class="lia-search-input-field"> <span class="lia-button-wrapper lia-button-wrapper-secondary lia-button-wrapper-searchForm-action"><input value="searchForm" name="submitContextX" type="hidden"></input><input class="lia-button lia-button-secondary lia-button-searchForm-action" value="Search" id="submitContext_2485fed160d58d" name="submitContext" type="submit"></input></span> <span class="lia-hidden-aria-visibile" id="autocompleteInstructionsText_2485fed160d58d"></span><input placeholder="Search the Community" aria-label="Search" title="Search" class="lia-form-type-text lia-autocomplete-input search-input lia-search-input-message" value="" id="messageSearchField_2485fed160d58d_0" name="messageSearchField" type="text"></input> <span class="lia-hidden-aria-visibile" id="autocompleteInstructionsText_2485fed160d58d_0"></span><input placeholder="Search the Community" aria-label="Search" title="Search" class="lia-form-type-text lia-autocomplete-input search-input lia-search-input-tkb-article lia-js-hidden" value="" id="messageSearchField_2485fed160d58d_1" name="messageSearchField_0" type="text"></input> <span class="lia-hidden-aria-visibile" id="autocompleteInstructionsText_2485fed160d58d_1"></span><input placeholder="Search for users" ng-non-bindable="" title="Enter a user name or rank" class="lia-form-type-text UserSearchField lia-search-input-user search-input lia-js-hidden lia-autocomplete-input" aria-label="Enter a user name or rank" value="" id="userSearchField_2485fed160d58d" name="userSearchField" type="text"></input> <span class="lia-hidden-aria-visibile" id="autocompleteInstructionsText_2485fed160d58d_2"></span><input placeholder="Enter a keyword to search within the private messages" title="Enter a search word" class="lia-form-type-text NoteSearchField lia-search-input-note search-input lia-js-hidden lia-autocomplete-input" aria-label="Enter a search word" value="" id="noteSearchField_2485fed160d58d_0" name="noteSearchField" type="text"></input> <span class="lia-hidden-aria-visibile" id="autocompleteInstructionsText_2485fed160d58d_3"></span><input title="Enter a search word" class="lia-form-type-text ProductSearchField lia-search-input-product search-input lia-js-hidden lia-autocomplete-input" aria-label="Enter a search word" value="" id="productSearchField_2485fed160d58d" name="productSearchField" type="text"></input> <input class="lia-as-search-action-id" name="as-search-action-id" type="hidden"></input> </span> </span> <span class="lia-cancel-search">cancel</span> </form> <div class="search-autocomplete-toggle-link lia-js-hidden"> <span> <a class="lia-link-navigation auto-complete-toggle-on lia-link-ticket-post-action lia-component-search-action-enable-auto-complete" data-lia-action-token="R1oYHFpF-aqedjij76ICDUfeMltOqJwPMT8i_t_LcYU." rel="nofollow" id="enableAutoComplete_2485fed160d58d" href="https://community.canvaslms.com/t5/tkb/v2_4/articlepage.enableautocomplete:enableautocomplete?t:ac=blog-id/basics/article-id/39&t:cp=action/contributions/searchactions">Turn on suggestions</a> <span class="HelpIcon"> <a class="lia-link-navigation help-icon lia-tooltip-trigger" role="button" aria-label="Help Icon" id="link_2485fed160d58d" href="#"><span class="lia-img-icon-help lia-fa-icon lia-fa-help lia-fa" alt="Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type." aria-label="Help Icon" role="img" id="display_2485fed160d58d"></span></a><div role="alertdialog" class="lia-content lia-tooltip-pos-bottom-left lia-panel-tooltip-wrapper" id="link_2485fed160d58d_0-tooltip-element"><div class="lia-tooltip-arrow"></div><div class="lia-panel-tooltip"><div class="content">Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.</div></div></div> </span> </span> </div> </div> <div class="spell-check-showing-result"> Showing results for <span class="lia-link-navigation show-results-for-link lia-link-disabled" aria-disabled="true" id="showingResult_2485fed160d58d"></span> <a class="lia-link-navigation more-synonym-search-results-for-link" rel="nofollow" id="showingMoreResult_2485fed160d58d" href="#"></a> <span class="all-results-for-synonym-search"> </span> </div> <div> <span class="synonym-search-instead lia-js-hidden"> Show <a class="lia-link-navigation synonym-search-instead-for-link" rel="nofollow" id="synonymSearchInstead_2485fed160d58d" href="#"></a> only </span> <span class="spell-check-and-synonym-search-instead lia-js-hidden"> | </span> <span class="spell-check-search-instead"> Search instead for <a class="lia-link-navigation search-instead-for-link" rel="nofollow" id="searchInstead_2485fed160d58d" href="#"></a> </span> </div> <div class="spell-check-do-you-mean lia-component-search-widget-spellcheck"> Did you mean: <a class="lia-link-navigation do-you-mean-link" rel="nofollow" id="doYouMean_2485fed160d58d" href="#"></a> </div> </div> </div> <section> <ul> <li>Reference</li> <li><a href="/t5/Community/What-are-the-Canvas-Community-guidelines/ta-p/2978">Community Guidelines</a> </li> <li><a href="/t5/Product-Roadmap/ct-p/roadmap">Product Roadmap</a></li> <li><a href="https://www.instructure.com/canvas/security">Security</a></li> <li><a href="https://instructure.github.io/">Developers</a></li> <li><a href="https://github.com/instructure/canvas-lms/wiki">Open Source</a></li> </ul> </section> <section> <ul> <li>Company</li> <li><a href="https://www.instructure.com/partners/our-partners">Partners</a></li> <li><a href="https://www.instructure.com/about/careers">Jobs</a></li> <li><a href="https://www.instructure.com/about">About Us</a></li> <li><a href="https://www.instructure.com/policies/marketing-privacy">Privacy</a></li> </ul> </section> <section> <ul> <li>Help</li> <li><a href="/t5/help/faqpage">Community Help</a></li> <li><a href="/t5/Canvas/ct-p/canvas">Canvas Guides</a></li> <li><a href="/t5/Mastery/ct-p/mastery">Mastery Guides</a></li> <li><a href="/t5/Elevate/ct-p/elevate">Elevate Guides</a></li> <li><a href="/t5/Impact/ct-p/impact">Impact Guides</a></li> <li><a href="/t5/LearnPlatform/ct-p/learnplatform">LearnPlatform Guides</a></li> <li><a href="https://status.instructure.com/">Status</a></li> </ul> </section> <section> <div> <a href="https://www.instructure.com/try-canvas" class="button-footer">Try Canvas</a> <a href="https://www.instructure.com/about/our-story" class="button-footer">Our Story</a> </div> <ul class="footer-social-links"> <li> <a class="icon" href="https://facebook.com/CanvasLMS" title="Facebook" aria-label="Facebook"> <i class="fa-brands fa-facebook"></i> </a> </li> <li> <a class="icon" href="https://twitter.com/Instructure" title="Twitter" aria-label="Twitter"> <i class="fa-brands fa-x-twitter"></i> </a> </li> <li> <a class="icon" href="https://www.youtube.com/user/CanvasLMS" title="YouTube" aria-label="YouTube"> <i class="fa-brands fa-youtube"></i> </a> </li> <li> <a class="icon" href="https://www.linkedin.com/company/instructure-inc-/mycompany/" title="LinkedIn" aria-label="LinkedIn"> <i class="fa-brands fa-linkedin"></i> </a> </li> <li> <a class="icon" href="https://www.instagram.com/canvaslms/?hl=en" title="Instagram" aria-label="Instagram"> <i class="fa-brands fa-instagram"></i> </a> </li> </ul> </section> <small>© 2024 Instructure. All rights reserved</small> </div> </footer> </center> </div> <script type="text/javascript"> new Image().src = ["/","b","e","a","c","o","n","/","2","0","6","8","7","8","8","7","9","3","5","0","_","1","7","3","2","7","2","8","6","0","0","8","3","4",".","g","i","f"].join(""); </script> <script language="javascript" type="text/javascript">  </script></body> </html>

CINXE.COM

What are Announcements? - Instructure Community - 39