Community

We would also greatly benefit from this feature, otherwise it's a very tedious process to update LTI 1.3 configs after a refresh. ... View more

Is there any update on this? ... View more

 @buellj  Yes I was able to use carroll-ccsd‌'s example to resolve this. Here is the code we are using // always use IIFE, to isolate code from global scope (function() { "use strict"; // only run this code on the conversations page if (/^\/courses\/\d+\/users$/.test(window.location.pathname)) { $("#role_id option[value=3]").remove(); $("#role_id option[value=10]").remove(); $("#role_id option[value=11]").remove(); $("#role_id option[value=4]").remove(); $("#role_id option[value=9]").remove(); $("#role_id option[value=7]").remove(); const addPeopleModal = function(mtx, obs) { let watchResults = document.querySelector( 'span > span > span > span > div[role="presentation"] > ul[role="listbox"]' ); // the result list is available if (watchResults) { //Remove roles from "Add People" screen within a course using role id $("#3").remove(); $("#10").remove(); $("#11").remove(); $("#4").remove(); $("#9").remove(); $("#7").remove(); } }; // wait for the modal to be open const watchForModal = function() { const uiDialog = function(mtx, obs) { let pplMdl = document.getElementById("add_people_modal"); // the modal is found if (pplMdl) { const defaultRole = document.getElementById( "peoplesearch_select_role" ); //set role value to blank, since Student is a hidden role if (defaultRole.value === "Student") { defaultRole.value = ""; } //add warning to select role before proceeding if ( $("#add_people_modal").length == 1 && $("#addPeople-yaleDirLink").length == 0 ) { $("#peoplesearch_select_role").css({ border: "2px solid red", "border-radius": "4px" }); var roleWarning = "<h6 id='addPeople-yaleRoleWarning'>Please select a role to continue</h6>"; $( '[for="peoplesearch_select_role"] span:first span:first' ).append(roleWarning); } //manage behavior of next button if ( $("#peoplesearch_select_role").val() === "" || $( ".addpeople__peoplesearch fieldset:nth-child(2) textarea" ).val() === "" ) { $("#addpeople_next").hide(); } else { $("#addpeople_next").show(); } //hide/show next button based on role select if ( $("#peoplesearch_select_role").val() === "" || $( ".addpeople__peoplesearch fieldset:nth-child(2) textarea" ).val() === "" ) { $("#addpeople_next").hide(); } else { $("#addpeople_next").show(); } if ($("#peoplesearch_select_role").val() === "") { $("#peoplesearch_select_role").css({ border: "2px solid red", "border-radius": "4px" }); $("#addPeople-yaleRoleWarning").show(); } else { $("#peoplesearch_select_role").css({ border: "", "border-radius": "" }); $("#addPeople-yaleRoleWarning").hide(); } // watch the add people modal instead const observer = new MutationObserver(addPeopleModal); observer.observe(document.body, { childList: true, subtree: true }); } }; // watch document.body for modal const observer = new MutationObserver(uiDialog); observer.observe(document.body, { childList: true, subtree: true, attributes: true }); }; // start when the user clicks the compose button watchForModal(); } })();‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ ... View more

carroll-ccsd‌ Thank you this has been working well for us. We added some additional code to hide a few roles in the dropdown. It was working great for many months, but now it seems the dropdown has been updated to a React component where we can no longer remove the option by value. This is an example of what was working previously: $('[for="peoplesearch_select_role"] option[value=3]').remove();‍ Have you run into any similar issue before and/or can suggest a possible solution? Many thanks! ... View more

We received this response from Canvas Data Support last May and haven't heard any updates since: I have found that there is a current issue our team is working on regarding these items being returned when pulling the course_ui_navigation_fact. I have attached this case to our tracker so our teams are more aware of the impact this is having on our users.  I recommend opening a ticket with Canvas support and/or emailing canvasdatahelp@instructure.com to hopefully escalate the priority of  the fix. ... View more

A more relevant example would be how the Grades count is displayed to students ... View more

 @lclontz ‌ I'll join in ... View more

Try adding the $Canvas.css.common variable to your LTI config and you will get the url of the css file passed to you on launch.  If you start using React in the future, InstructureUI provides a great library of components ... View more

Hi Erin - We started using InstUI earlier this year and have integrated it (v5.5.0) into 3 of our LTI apps. The main reason for using InstUI was our switch to React and desire to provide a seamless user experience with native Canvas style. Specifically we have used the below components so far: Elements: Badge, Button, Pill, Spinner, Table Forms: All components Dialogs: All components except Tray Layout: Flex, Grid, View Navigation: Breadcrumb, Link, TabList Typography: Heading, Text Utilities: ApplyTheme, CloseButton, Mask, ScreenReaderContent Many Icons Some of the most helpful components have been the layout components, autocomplete select, and data/time inputs. Regarding improving our InstUI experience: We started with v4.7.0 release and have upgraded several times. There have been a few upgrades that have broken behavior not mentioned in the release notes. Where would the team like this feedback? Thank you and great work! ... View more

Thanks  @stimme , but we'd like to use the Canvas Data flat files, if possible, in order to avoid the excessive API calls that are needed to retrieve this data across all enrollments. As a workaround, we're currently using live events to capture enrollment_created and enrollment_updated events, which provide a job_id when triggered by a SIS Import. ... View more