chubbymaggie / synoptic

Automatically exported from code.google.com/p/synoptic
0 stars 0 forks source link

Add meaningful tool-tips to web app elements #190

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago
Tool-tips provide an effective means of explaining what a control 
represents/does. Currently, only the "Log Lines" table in the model tab has a 
tool-tip. It would help to have tool-tips on all of the controls in the 
web-app. If these get annoying, users can disable tool-tips globally (this has 
been added in revision 661bf931edb8).

This is more of a content task, as creating tool-tips is as easy as adding 
three lines that look like:

        // Add tool-tip to LogLineLabel
        TooltipListener tooltip = new TooltipListener("Double-click on a node to view log lines", 5000, "tooltip");
        logLineLabel.addMouseOverHandler(tooltip);
        logLineLabel.addMouseOutHandler(tooltip);

The task is therefore to:

(1) Create a static method in ToolTipListener that takes a widget, creates a 
new tooltip, and calls widget.addMouseOverHandler(tooltip) and 
widget.addMouseOutHandler(tooltip).

(2) Create meaningful tool-tip messages for controls in the GWT application.

Original issue reported on code.google.com by bestchai on 14 Dec 2011 at 6:35

GoogleCodeExporter commented 9 years ago
Unsure of where to place tool-tip for "how to interpret the model" in the model 
tab. Perhaps have a "Model" label above the graphic, and associate a tool-tip 
with that?

Original comment by kevin.a....@gmail.com on 10 Jan 2012 at 8:05

GoogleCodeExporter commented 9 years ago
The model interpretation text is going to be too long for a tool-tip, and it's 
unclear what to associate it with. I think we are going to want help screens 
for each tab, and a model help screen would be a great place for this text. 
Let's not worry about this help text for this issue.

Unless, you figure out a way to easily add tool-tips to Raphael JS objects. If 
so, then we could add tool-tips to the model nodes and edges, and that would be 
helpful!

Original comment by bestchai on 11 Jan 2012 at 1:59

GoogleCodeExporter commented 9 years ago
Resolved in revision 9ec5ab34edee, though this is going to be a constant work 
in progress.

Original comment by bestchai on 29 Jan 2012 at 7:59