Add ToolTip for few input boxes to better guide admin users on type of content expected.
Design File Attached
Tool Tip Content file attached.
Tooltip Content File
Are there any source files (photoshop or css) that I can use as reference?
Nevermind -- Not needed.
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 to rat-excludes.txt, LICENSE and Allura/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
Log in to post a comment.