Disable faculty from adding images to dashboard

[RobertaBain]

Our College creates all course content for faculty, therefore, we are trying to keep branding for the College across the board, which would include the images for the dashboard.  Currently, our faculty add images and GIF to their dashboards, we want to disable that feature for them and have each discipline have its own dashboard image and it remain static across the campus, not allowing faculty to change it.  

I don't see where I can disable this feature,  am I missing something?

[BrianLester]

Hi Roberta,

I agree- I don't believe this permission is specifically identified. Look at permissions for teachers as an admin I see "Manage Course Content" as the most related to your goal, but obviously this is not specific enough.

I also don't see a way to set thse images via the API. Creating course templates would allow you to set images but teachers would be able to change them...

[chriscas]

Hi @RobertaBain,

Who would you like to set the images?  Would that be an admin?  You could probably develop some kind of custom css/javascript to attach to your account theme to disable the option for teachers to change the image if that was the case.  When using custom scripts though, you always need to be mindful that future Canvas updates could break them, so checking them and having a plan in place to make quick changes when needed is important.

-Chris

[RobertaBain]

Yes, my team and I would want to create static images that would properly represent the course.  I already thought of writing a script, but don't know what function that would be to include in the script.  Plus the fact, not fond of writing or using scripts for permission type restrictions, we already have some custom and as you pointed out, updates can cause issues.  

[chriscas · Accepted solution]

the following css should hide the button to upload/change a course image:

.CourseImageSelector button {visibility:hidden}

How with that being said, if you were to put that in your theme css, it would be hidden for all users, even admins.  To do this based more on role you could do this with javascript (either hide the button for all non-admins, or hide for everyone in css, then unhide for admins with javascript).  The latter option would look something like (writing this without testing, which is always a bit dangerous):

if (ENV.current_user_roles.includes('admin')) {
const CourseImageButton=document.querySelectorAll('.CourseImageSelector button p').forEach(element => {
	element.style.visibility='visible';
});
}

Best practice would be to put this javascript inside an if statement checking if the url is a course settings page.

Hope this helps!