search

usc-isi-i2 / t2wml

Table to Wikidata Mapping Language
MIT License
22 stars 11 forks source link

Add tooltips for the various input fields and selectors throughout the app #619

Closed g1eb closed 2 years ago

g1eb commented 3 years ago

This issue is based on the feedback directly from the causx. We need to add (?) icons with tooltips to the labels next to the various input fields and selectors throughout the app.

g1eb commented 3 years ago

@kyao could you help me come up with the descriptions for the various inputs? What would be the best way of doing this? Maybe we can take screenshots of the various menus and add text that is to describe each input field on there?

kyao commented 3 years ago

@g1eb Let's talk on Monday to discuss what is the best approach

g1eb commented 3 years ago

@kyao Ke-Thia, I've attached a mock-up of what the tooltips would look like, let me know if you approve.

Screen Shot 2021-09-03 at 5 15 47 PM

If you approve, we can schedule a meeting and go over the other input fields and add the help icons + tooltips in.

kyao commented 2 years ago

The tooltips looks good to me

kyao commented 2 years ago

Here are the tool tips for the normalizers: Simple: scales the data between the minimum and maximum data in the data set Standard: maps data values to percentile in the data set Longitudinal: maps data values to percentile by year in the data set

g1eb commented 2 years ago

@kyao @szeke I've added a file for the tooltip content here: https://github.com/usc-isi-i2/t2wml-web/blob/develop/src/content/tooltips.js

g1eb commented 2 years ago

This is already up on the demo platform: https://t2wml.isi.edu/

We can keep adding more tooltips and refine the descriptions in the tooltips content file as necessary.

@kyao note that I've updated the multiline descriptions with some inline html tags to improve the visuals.