Bug 2080 - [Hob2] Implement persistent tooltips
Summary: [Hob2] Implement persistent tooltips
Status: VERIFIED FIXED
Alias: None
Product: Hob
Classification: Build System, Metadata & Runtime
Component: hob (show other bugs)
Version: 1.2
Hardware: x86 Multiple
: High major
Target Milestone: 1.2 M4
Assignee: Joshua Lock - Disabled
QA Contact:
URL:
Whiteboard:
Depends on:
Blocks:
 
Reported: 2012-03-13 15:08 UTC by Giulia
Modified: 2012-04-05 15:48 UTC (History)
7 users (show)

See Also:
OS type for building Yocto: ---
Type of Regression: ---
Verified:
Documentation change: ---


Attachments
Persistent tooltip example (260.25 KB, image/jpeg)
2012-03-13 15:14 UTC, Giulia
no flags Details
Screenshot of WIP persistent tooltips (332.13 KB, image/png)
2012-03-13 15:43 UTC, Joshua Lock - Disabled
no flags Details
Example of how Persistent Tooltips will be displayed in the Hob (29.47 KB, application/pdf)
2012-03-13 17:49 UTC, Giulia
no flags Details
arrow left (1.01 KB, image/png)
2012-03-22 17:38 UTC, Giulia
no flags Details
arrow right (1.01 KB, image/png)
2012-03-22 17:38 UTC, Giulia
no flags Details
close button (1.77 KB, image/png)
2012-03-22 17:40 UTC, Giulia
no flags Details
persistent tooltip new design (131.14 KB, image/png)
2012-03-22 17:46 UTC, Giulia
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Giulia 2012-03-13 15:08:09 UTC
The persistent tooltip appears next to the content it relates to. It allows to display links. If users click on a link, it will launch the content on a new window (e.g. a browser window). In order to dismiss the persistent tooltip users can click on the close icon (X), or click anywhere on the page outside the persistent tooltip box.
Comment 1 Giulia 2012-03-13 15:14:44 UTC
Created attachment 351 [details]
Persistent tooltip example
Comment 2 Joshua Lock - Disabled 2012-03-13 15:43:48 UTC
Created attachment 352 [details]
Screenshot of WIP persistent tooltips

I started working on a persistent tooltip implementation and the attached screenshot shows the current state.

Comparing the screenshot of the current state to the example screenshot I notice a few things which open questions for me:

1) Close is on the left in the design - I guess we should determine the close button location of the host system and display the close button consistently?
i.e. my Fedora 16 machine has close buttons in the top right of the window whereas Ubuntu puts its close buttons on the top left - persistent tooltips should emulate the placement of all windows on the host system.

2) The tooltip on the example is small rectangle with multiple lines of text, whereas the current persistent tooltip implementation will create wide tooltips and wrap fewer lines - this was not a conscious decision but is how the underlying toolkit performs layout. Do we want to figure out more specifically how we want these tooltips to display?

Finally I should note that I've yet to figure out closing the tooltip when the user clicks outside of it. This is a work in progress.
Comment 3 Giulia 2012-03-13 17:48:34 UTC
That's great Joshua. 

As for your comments:
1) Agree!

2) Yes, we need to be more specific on how the tooltips will be displayed.
    a) The tooltip should always be displayed within the Hob borders.
    b) The tooltip should be positioned next to the item it is related to without overlapping it.
    c) The tooltip would prefer to have its top aligned with the top of the object and be positioned to the  right of it, but if that is not possible then it can be positioned to the left (I have attached an example).
    d) If the content of the tooltip is longer that the space to the bottom of the screen then it should grow above the object until it reaches the edge of the screen at which point it should become scrollable. 
    e) It's important to have a visual element that help users understand which item the tooltip refers to. That could be done by simply highlighting the word/icon the triggered the tooltip to appear, or by using a visual element like a small arrow. I will ask Mikael Metthey to have a look at this next week and I will send you an updated design as soon as it's ready.
Comment 4 Giulia 2012-03-13 17:49:57 UTC
Created attachment 354 [details]
Example of how Persistent Tooltips will be displayed in the Hob

Visual design needs to be updated to show all different cases
Comment 6 Giulia 2012-03-22 17:38:24 UTC
Created attachment 390 [details]
arrow left
Comment 7 Giulia 2012-03-22 17:38:58 UTC
Created attachment 391 [details]
arrow right
Comment 8 Giulia 2012-03-22 17:40:00 UTC
Created attachment 392 [details]
close button
Comment 9 Giulia 2012-03-22 17:46:12 UTC
Created attachment 393 [details]
persistent tooltip new design
Comment 10 Giulia 2012-03-22 17:49:15 UTC
Hi all,

I noticed the tooltip behaviour is not correct (tooltips are still displaying outside the Hob window). Check the attachment 'Example of how Persistent Tooltips will be displayed in the Hob'  for rules. Also, the visual design is not correct. As the bug has been marked as fixed, does this means it can't be done on this release? If that is the case would you like me to open 2 new bugs to take care of these 2 issues in a later release? 

Also, find in attachment the latest version of the tooltip design. I have attached a left and a right arrow so that we can use them to indicate which information the tooltip refers to. As the gradient background may be a bit difficult to implement within the time-frame, it would be fine to use a dark grey background #1a1a1a. I also attached a close button.

Let me know
Comment 11 Joshua Lock - Disabled 2012-03-22 18:02:35 UTC
Hi Giulia,

(In reply to comment #10)
> I noticed the tooltip behaviour is not correct (tooltips are still displaying
> outside the Hob window). Check the attachment 'Example of how Persistent
> Tooltips will be displayed in the Hob'  for rules. Also, the visual design is
> not correct. As the bug has been marked as fixed, does this means it can't be
> done on this release? If that is the case would you like me to open 2 new bugs
> to take care of these 2 issues in a later release? 

Changing the placement of the tooltips is a non-trivial exercise, I'm not even sure that we can achieve it using the Gtk+ toolkit alone.

For the visual design issue Belen and I had agreed that we should try and match the look and feel of the standard Gtk+ tooltips. If that's no longer the case I'll need to address that separately.
 
> Also, find in attachment the latest version of the tooltip design. I have
> attached a left and a right arrow so that we can use them to indicate which
> information the tooltip refers to. As the gradient background may be a bit
> difficult to implement within the time-frame, it would be fine to use a dark
> grey background #1a1a1a. I also attached a close button.

Yes, please do file two bugs for the visual design and the placement issues.

I fear that we may have to moderate requirements of the design by our desire to support a broad range of operating systems. Specifically we may have to support running Hob on an enterprise Linux OS which only carries versions of the toolkit which are several years old - this may impact our ability to deliver the new visual design and the required toolkit placement.
Comment 12 Joshua Lock - Disabled 2012-03-26 22:06:43 UTC
Mark as resolved. Persistent tooltips are merged and future changes should be filed as separate bugs.
Comment 13 Giulia 2012-04-05 15:48:32 UTC
Marked as verified as a new bug has been created [2248] to deal with the persistent tooltip visual design and placement...