May 1, 2018
Overview
This release introduces some new ways to add dynamic content including, tooltips, popovers and some changes to modal dialogs.
New Features
Tooltips and Popovers
There are two new types of dynamic content you can add using Design Tools: Tooltips and Popovers. Both provide content that will appear when hovering over a linked word or phrase.
Tooltips
Here is a basic tooltip With some basic Tooltip Text. It is for a small amount of information. That might be the definition def·i·ni·tion ˌdefəˈniSH(ə)n/: (noun) a statement of the exact meaning of a word, especially in a dictionary. of a word or any number of applications.
Popovers
Popovers are a little more expansive and can provide even more information as well as the ability to include more complex HTML.
def·i·ni·tion
defəˈniSH(ə)n/
noun
- a statement of the exact meaning of a word, especially in a dictionary.
- the degree of distinctness in outline of an object, image, or sound, especially of an image in a photograph or on a screen.
synonyms: clarity, visibility, sharpness, crispness, acuteness;
- Google Dictionary
Popovers can be informational where the popover disappears when the link loses focus or the mouse is no longer hovering over the link. Or they can be interactive, allowing the mouse or keyboard to access links or other content.
My content shows when:
- the link has keyboard focus
- the mouse is hovering over it
This popover is interactive. You can use your mouse or the keyboard to navigate into the content.
Other Examples:
You see things; and you say “Why?” But I dream things that never were; and I say “Why not?”
Back to Methuselah, act I, Selected Plays with Prefaces, vol. 2, p. 7 (1949)