Hello, community. I am hoping you can provide me with some assistance as I pose these series of questions. Thanks so much!
First, a little background...
We utilize some code (I believe generously borrowed from @kenneth_larsen ) to add a few menu items to our menu in Canvas. Because we support a district of five individual colleges in our instance, these items need to remain in our menu and cannot be moved to the updated Help Menu. Also, we previously decided to not include any icons with these items (see graphic to the right).
With the update to the course menu and it now being collapsible (see https://community.canvaslms.com/docs/DOC-8403#jive_content_id_Global_Navigation within Canvas Production Release Notes (2016-10-29)), we have now realized that the text is removed (makes sense), so we must have icons present.
I have gone through several pages and sites, but I still need assistance with adding an image (I presume svg) as my icon.
I found @jblumberg 's post on Has anyone been working on scripts for the new Beta UI? (his code can be found here) - and while this utilizes a svg image, but it creates a popup window. Although, in reading his notes, it says it is generalized so it can create items with or without the modal window.
Solved! Go to Solution.
@kenneth_larsen Do the pop-out menu options still work? I pasted in the samples and it does not do anything other than add the icon to the menu. My end goal is to have a button that pop-out with all the tools students use. Eventually I would love it to pass the authentication but that is way out of my knowledge base. We use SAML with Auth0 so it seems possible.
We use the menu with popout tray from CCSD/Robert Carrol and have really had no major issues with it in the last couple years. As always with custom scripting, Instructure could make a change to Canvas at anytime that would break the code, but hopefully those situations will be very rare. Based on our experience, I'd recommend anyone interested in adding custom menus check it out!
Hi all, I've got a question - I've tried a lot of what I've seen in this thread, but I am not getting things to work.
What I am trying to do is add an icon over the linked text in the sidebar.
Here is what I have for the AddMenuItem call:
addMenuItem('Navigate', 'https://uwyo.navigate.eab.com/app/#/authentication/remote/', '<img src="https://uwyo.navigate.eab.com/app/resources/logo/navigate/navigate.svg">','_blank');
However, in my sidebar, there's no picture and it just has "> in front of the word Navigate, so I think it's ignoring my picture entirely. I tried this with .png and .ico formats too (different location), but nothing.
Any ideas on why this isn't working? I appreciate any ideas.