Community

Hello, I am looking into running a custom version of the Canvas Student iOS app as a way to edit the app so that it shows a different grading scale from the regular percentage scale. While investigating this, I came across this section in the github for the student app which explains how to connect the app to a Canvas instance. Unfortunately, the linked resource is behind a Confluence login which we do not have access to. I was curious if anyone has access to that resource, or knows how to get access to it (we reached out to priority services about this as well but haven't heard back yet). Additionally, I was wondering if anyone has had success running a custom version of the Canvas student app using the open source code. ... View more

To hopefully make it easier for observers with multiple students in Canvas to manage their students, we created custom JavaScript code to sort the "All Courses" page by student. This way, when an observer loads the all courses page, they will see separate lists for their current courses, and each of their observed student's current courses. This also applies for past courses, but not future courses. Unfortunately, this code does have some limitations, and it will not show the color icon next to courses names, nor does it show the term column. Additionally, the code is set to not run for anyone with the "teacher" or "admin" role in Canvas, even if they are also an Observer. The following line of code can be called within window.onload() in the Canvas custom JavaScript theme file to automatically run the code once the the page has loaded: $(document).ready(function(){validateObserverRole()}) Additionally, in order for the code to be able to determine current enrollments, the term ID for each active term in the Canvas instance must be added to the array in line 213 as comma separated ints where it says "ENTER ACTIVE TERMS HERE." This array would need to be updated when active terms change in order for the code to correctly determine the current courses. The attached text file includes the JavaScript code. I also created an idea conversation here to recommend this as a native Canvas feature: Sort Observer All Courses Page into Different Sections by Student  ... View more

In order to make it easier for admins to access a given user's active courses when a user has been enrolled in a number of courses, I created a JS function to sort any active courses to the top of the "Enrollments" list. With all the active courses sorted to the top of list, admins don't have to scroll through a long list of past courses to find a given active course. I thought I would share this here in case others would find it helpful. I also created a feature request to make this a built-in Canvas feature, which is available here: https://community.canvaslms.com/t5/Idea-Conversations/Sort-Courses-on-the-admin-user-profile-page-by-active-inactive/idi-p/503500#M61210  This code can be added to a Canvas Custom JS file, and then enabled by running reorder_profile_course_list() on load. I included a commented out line that also doubles the size of the enrollments box, making it easier to view multiple courses as once.   /* The following code re-roders the "Courses" list in the "Enrollments" section on the admin user profile page in Canvas. First, it will check if the current page is the admin user profile page by checking the current URL. If not, the code will not run. The list of courses is re-ordered so that active courses will be placed at the top of the list, while preserving the alphabetical order that the active courses would were listed in. All non-active courses are left in their original order below the active courses. */ function reorder_profile_course_list() { let currentPage = window.location.pathname; if(currentPage.includes("/users/") && !currentPage.includes("user_notes") && !currentPage.includes("courses")){ var list = document.getElementsByClassName("unstyled_list context_list")[0]; // Optional line to double the height of the courses list: // list.style.maxHeight = "400px" var items = list.getElementsByTagName('li'); var stop = 0; index = items.length - 1; while(index > stop) { if(items[index].classList.contains("active")){ items[index].parentNode.insertBefore(items[index], items[0]); stop++; } else { index--; } } } }     ... View more