Completely hiding Syllabus link

Jump to solution
Justin_Reynolds
Community Participant

Hi, We use a third party (LTI) for our syllabus.  We want to hide the Canvas version completely.  I found an old post that provided some javascript for our theme.  That works great for the desktop version, but it does not work for the mobile version.  The code is 

$(document).ready(function(){
$('a.syllabus').hide();
});
 
The CSS they provided doesn't work for either. Does anyone know a way to hide the link completely from all users in the desktop and mobile versions?
 
Thanks, 
Justin
Labels (3)
0 Likes
1 Solution
seanbeirnes
Community Participant

Hi @Justin_Reynolds,

Unfortunately, I am fairly sure what you are trying to do is not possible. The Canvas iOS and Android apps are programmed in native operating system languages (Swift for iOS and Kotlin for Android), so many UI elements are not part of the web view, which means they will not be affected by custom JavaScript and CSS.

As long as the Syllabus page is set to be disabled in the course settings, then it should not show up for students in the student view of the desktop and mobile apps. An idea you might consider is to create a script that crawls all your courses, making sure the syllabus link is disabled. It's not exactly the same as totally removing the option, but at least it would catch any courses that had the native Canvas syllabus link on by accident.

Hope this helps!

View solution in original post