How to disable an internal tool like Syllabus from a course navigation bar on the left

[kimhuang]

Hi Folks,

Is it possible to disable and hide an internal tool like Syllabus from a course navigation bar? Our University decided to integrate a LTI tool to replace the Canvas native Syllabus. The Syllabus is labeled as an internal tool (curl -k https://x.instructure.com/api/v1/courses/1750/tabs -X GET -H ), I can disable it but can't hide it totally. It shows like this :

Is it possible to remove(hide) it from the course navigation menu? Can our CSM help remove it by changing the settings from the "backend"?

Thanks so much,

-Kim

[dave_bull]

By disabling.hiding the menu option in the Navigation section of Settings isn't this doing exactly what you want to do?

Or are you trying to remove it globally so no one can use it?

[wojcika]

@kimhuang Were you able to figure this out? We are trying to do the same in our system. 

[JamesSekcienski]

@wojcika 

If you just looking to hide the Syllabus link from the course navigation in all courses, you could try using the following CSS code to see if it meets your needs:

nav[role="navigation"] a.syllabus,
nav#mobileContextNavContainer a[href$="/assignments/syllabus"] {
  display: none;
}

Keep in mind, custom CSS and/or JavaScript can limit the ease of access to this, but it wouldn't be 100% effective.

I would also recommend checking the mobile apps to see if it appears in the mobile app.  If so, this is good to be aware of since you likely won't be able to use any CSS or JavaScript to hide it.  Unfortunately, customizations for mobile apps is very limited.

[wojcika]

Hi!

I was able to disable using this JS code added to the theme. However, the item still appears in the course navigation tab as enabled. I attached a screen shot of an example. Is there a way to disable/hide there as well? 

$(document).ready(function(){
$('a.syllabus').hide();
});

[JamesSekcienski]

Here is CSS that can be used to hide it.  I assume that the tab ID number would be the same for this in all instances of Canvas, but you may need to inspect the HTML code to determine the ID if it doesn't work with this.

ul.nav_list li#nav_edit_tab_id_1 {
  display: none;
}

Also, since you only applied the hide to "a.syllabus", you are not hiding the Syllabus link that appears in the mobile nav when you view Canvas on a small screen.  If you resize your browser window to be small or use the mobile view in the dev tools of the browser, you will see the navigation menu is displayed differently.

In addition, in the Rich Content Editor, in the course links options, Syllabus may still show under Course Navigation.  I don't see a simple solution for hiding this unfortunately.

[TiffanyHarrill]

Link won't work

[aaron_bahmer]

I added this custom CSS today to remove it from the course navigation and the Settings > Navigation tool.

/* Hiding Syllabus from Course */
/* On course navigation */
a#syllabus-link.syllabus {
display: none;
}

/* On Settings > Navigation */
ul.nav_list li#nav_edit_tab_id_1 {
display: none;
}

[aaron_bahmer]

I added this custom CSS today to remove it from the course navigation and the Settings > Navigation tool.

/* Hiding Syllabus from Course */
/* On course navigation */
a#syllabus-link.syllabus {
display: none;
}

/* On Settings > Navigation */
ul.nav_list li#nav_edit_tab_id_1 {
display: none;
}