Hide Pronoun Edit

[dwillmore]

Hello,

We have a third-party application that populates pronouns from another system.  This requires us to set pronouns as editable by the user in Canvas, but we don't want the user to edit their pronouns in Canvas but only in the third-party application.

So, we want to hide the edit pronouns dropdown box on the Profile settings page.  I am assuming this can be done with js, but I don't know how to go about doing this.  Would anyone be willing to give me a hand?

Pronoun

[JamesSekcienski]

If you are looking to only hide the select menu, you could try using the following CSS to see if it meets your needs:

table.profile_table_editing span#pronouns {
  display: inline;
}

span.edit_data select#user_pronouns {
  display: none;
}

Keep in mind, since the permission is enabled to edit pronouns, custom CSS and/or JavaScript can limit the ease of access to edit, but it wouldn't be 100% effective.

I would also recommend checking the mobile apps to see if there as option to edit in the mobile app.  If there is, 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.

[dwillmore]

Thanks.  I decided to disable the drop-down select as it still shows the pronouns pushed that way.

document.getElementById("user_pronouns").disabled = true;

[JamesSekcienski · Accepted solution]

You're welcome.

If you don't want it to show as a select menu, the CSS code that I shared has the select menu not show and makes the pronoun text appear.