Try this:
.gwt-TabBar .gwt-TabBarItem:hover {
// hover styles
}
.gwt-TabBar .gwt-TabBarItem-selected:hover {
// selected hover styles
}
hover styles apply onMouseOver and stop applying onMouseOut... all
controlled by CSS! the downside is that IE6 and lower do not
support :hover styles on anything besides the <a> tag
On Nov 7, 2:09 am, SmartKiller <[email protected]> wrote:
> Thanks Davis,
>
> This can be a good solution. but i want to add mouseOver/out effect to
> tabs. I wanted to change the color of the tab text on mouseEvents. How
> this can be done.
>
> I dont find any way to add mouseListener to tabs in Tabpanel.
>
> Any Idea.
>
> On Nov 6, 10:36 pm, Davis Ford <[email protected]> wrote:
>
> > This is all I do:
>
> > .gwt-TabBar .gwt-TabBarItem {
> > background: url('../images/tab-off.JPG') no-repeat;
> > color: #012F62;
>
> > }
>
> > .gwt-TabBar .gwt-TabBarItem-selected {
> > background: url('../images/tab-on.JPG') no-repeat;
> > color: #FFFFFF;
>
> > }
>
> > Obviously use your own images / colors, but give it a whirl. Works great
> > for me.
>
> > On Fri, Nov 6, 2009 at 7:20 AM, SmartKiller <[email protected]> wrote:
>
> > > Hi,
>
> > > Is it possible to use images within Tabs in tab pannel. If yes then
> > > the best way to do that.
>
> > > I have done the same using the adding a new widget with image in each
> > > tab. Since i also want to change the image on mouseOver so i have
> > > added handler to images. On mouse over i remove the old tab from
> > > widget and insert the new one with updated images. This revert back on
> > > mouseOut event. But this approach seems to much slower as sometimes
> > > mouseOut event doesn't comeup to application. In that case UI still
> > > shows mouseOver image to tab panel where mouse pointer was not there.
> > > Can someone tell me the reason of this happening.
>
> > > Thanks in advance.
>
> > --
> > Zeno Consulting, Inc.
> > home:http://www.zenoconsulting.biz
> > blog:http://zenoconsulting.wikidot.com
> > p: 248.894.4922
> > f: 313.884.2977- Hide quoted text -
>
> > - Show quoted text -
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
