Add Bootstrap JS tooltip to metadata create/edit form

chrisdaaz commented 7 years ago

Severity

Is the production site running?

[x] yes
[ ] no

Are staff blocked from performing their work?

[ ] yes
[x] no

Descriptive summary

Users are having difficulty with some of the metadata elements on the add new work metadata page, such as first name/ last name order in the Creator field and whether or not keywords can be comma-separated or separate fields.

I recommend using the Bootstrap JS Tooltip plugin (http://www.w3schools.com/bootstrap/bootstrap_ref_js_tooltip.asp), but I'm open to other suggestions.

Here's the box note for the text to be used in the Tool Tips: https://northwestern.box.com/s/1wqycu1atcvahk317njg2w12lwm81t99

Expected behavior

Users will know what to enter in each metadata field. Here's an examples from DigitalHub:

kdid commented 7 years ago

Hi Chris, Sufia provides a way to override default labels and help text so we updated the hints on the form with your text. Adding the text as Bootstrap tooltips would have been substantially more involved, and it also seemed like the help text in general was a bit long to appear as tooltips. -- And also, this text is accessible, unlike the Bootstrap tooltips. The rights text was so long that we made an additional page and linked to it - which you should have the ability to edit.

This is on staging, let us know what you think.

https://github.com/projecthydra/sufia/blob/master/config/locales/sufia.en.yml

chrisdaaz commented 7 years ago

Thanks. I'm fine with keeping this as is for Fair Use Week.

For "Rights", can we modify the text to say: "Select the usage rights you are granting the public. More information."

kdid commented 7 years ago

Rights are updated on staging.

nulib / arch