Can we add icon as in design files (inside of a field or next to a field)? So that users will immediately see which fields have a tooltip.
For example, if user focuses some field using "Tab" key, tooltip is not triggered and there are no way for user to tell that help text is available without hovering the mouse. Maybe we can trigger tooltip on field focus then?
What do you think?
Another minor thing: we should add new *.js and *.css files to rat-excludes.txt, LICENSE and Allura/LICENSE, since their under MIT license.
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
Thanks Igor -- and good call on showing the tooltip on focus. Tooltips now show on hover or focus :)
As for the icon... there are some newer style forms that use icons for validation. This conflicts with the the tooltip icon when inside the field and it would be inconsistent have icons only in certain fields. I explored the idea of having the icon outside the field, but I could not achieve a clean/consistent look.
The silver lining here is that now we can add the tooltip class to any existing element will give a consistent user experience and does not need to be limited to form fields.
I also updated all the licenses for the sources.
updated and pushed to hs/7885
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
Tooltip Content File
Are there any source files (photoshop or css) that I can use as reference?Nevermind -- Not needed.
Last edit: Heith Seewald 2015-06-05
QA at hs/7885
Now any element with the tooltip class will pull data from it's title or data attribute and display a tooltip on hover.
This is looking great, Heith!
Can we add icon as in design files (inside of a field or next to a field)? So that users will immediately see which fields have a tooltip.
For example, if user focuses some field using "Tab" key, tooltip is not triggered and there are no way for user to tell that help text is available without hovering the mouse. Maybe we can trigger tooltip on field focus then?
What do you think?
Another minor thing: we should add new
*.js
and*.css
files torat-excludes.txt
,LICENSE
andAllura/LICENSE
, since their under MIT license.Thanks Igor -- and good call on showing the tooltip on focus. Tooltips now show on hover or focus :)
As for the icon... there are some newer style forms that use icons for validation. This conflicts with the the tooltip icon when inside the field and it would be inconsistent have icons only in certain fields. I explored the idea of having the icon outside the field, but I could not achieve a clean/consistent look.
The silver lining here is that now we can add the
tooltip
class to any existing element will give a consistent user experience and does not need to be limited to form fields.I also updated all the licenses for the sources.
updated and pushed to hs/7885