Hi, I had implemented a very similar functionality, where I had to display a label as soon as there is a mouse-over on the image and where there a mouse-out, the label had to disappear. This is what I did.
defined an image at a position fixed Rootpanel. defined a html(instead of a label) at the centre of the image (as per x,y coordinates) initially made it setvisible(false) just the was u did for a mouse-over set the html visibility true for a mouse-out set the html visibility false. This worked perfectly fine for me. i guess the trick is to use the HTML widget instead of the label, although u will get all the properties of the label with that. use this and it will work fine. let me know if u need any other info ~ Abhiram On Thu, Jul 22, 2010 at 9:41 AM, nacho <[email protected]> wrote: > Hi, thanks both. > > The problem was that i was using this javascript library > http://www.netzgesta.de/reflex/ with that image and the reflection > script was modifing the image widget html generated by gwt. > > On the other hand i'm using a label because i'm building a gwt-apple- > like-dock so the simple title of an image wasn't be usefull for me. > > On 21 jul, 18:11, cokol <[email protected]> wrote: > > as lineman already written, you first have to add the label widget to > > the DOM ,you could do it just after setting label to "hidden". Then > > you also have to give the widget the property "position: absolute".... > > in your case you could also use tooltips over widgets, they are better > > fitted since they know where to show if, i.e. the target widget (like > > your bin) is near to the edge of the screen, then the tooltip would be > > placed in a position that is readible. > > > > in its simplest way you could use the setTitle() on any control, which > > would popup a simple text after a user holds with a mouse, a tooltip > > (in GWT vanilla its called PopupPanel) can take any widget, like HTML > > or image or whatsoever... > > > > br, > > > > On 21 Jul., 22:22, lineman78 <[email protected]> wrote: > > > > > I believe you need to use the add(Widget, x, y) method on root panel > > > when you add it in the first place so that it sets it as position > > > absolute. Why not just use the alt text on an image(setTitle)? It is > > > a lot less work and is accessable, meaning the alt text is what screen > > > readers look to in order to describe an image for a blind person. > > > > > On Jul 21, 2:16 pm, nacho <[email protected]> wrote: > > > > > > Hi, i want to do the following, i want to display a label when the > > > > user passes the mouse over the image and i want to hide the label > when > > > > the user takes out the mouse from the image. Just like a toolkit. > > > > > > What i did is the following, what am i missing? > > > > > > final Label lblRecyclerBin = new Label("Recycler Bin"); > > > > lblRecyclerBin.setVisible(false); > > > > > > RootPanel.get().add(lblRecyclerBin); > > > > > > final Image imgRecyclerBin = new > Image("images/icons/trashcan.png"); > > > > imgRecyclerBin.setHeight("40px"); > > > > imgRecyclerBin.setWidth("40px"); > > > > imgRecyclerBin.setStylePrimaryName("reflex"); > > > > > > imgRecyclerBin.addMouseOverHandler(new > MouseOverHandler() { > > > > public void onMouseOver(MouseOverEvent arg0) > { > > > > lblRecyclerBin.setVisible(true); > > > > > > > RootPanel.get().setWidgetPosition(lblRecyclerBin, > > > > imgRecyclerBin.getAbsoluteLeft(), imgRecyclerBin.getAbsoluteTop()); > > > > } > > > > }); > > -- > You received this message because you are subscribed to the Google Groups > "Google Web Toolkit" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected]<google-web-toolkit%[email protected]> > . > For more options, visit this group at > http://groups.google.com/group/google-web-toolkit?hl=en. > > -- You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
