Skip to main content


Eclipse Community Forums
Forum Search:

Search      Help    Register    Login    Home
Home » Eclipse Projects » Remote Application Platform (RAP) » button with the rollover effect
button with the rollover effect [message #110852] Thu, 30 October 2008 09:57 Go to next message
Eclipse UserFriend
Originally posted by: wen.ai.gillardon.de

Hi,

how can I get the rollover effect for a button? I have tried the way of
the css definition as following, but failed.

/* Button */

Button.mybutton {
background-image: url( "/theme/icons/test_gray.png" );
}

Button.mybutton:hover {
background-image: url( "/theme/icons/test.png" );
}

Can someone help? Thanks.

Wen
Re: button with the rollover effect [message #110890 is a reply to message #110852] Thu, 30 October 2008 16:38 Go to previous messageGo to next message
Eclipse UserFriend
Originally posted by: rsternberg.innoopract.com

Hi Wen,

your CSS would work if the Button's background image property were
already themeable. Unfortunately, it's not. Enhancing the set of
themeable widget properties is on our agenda. Anyway, feel free to open
an enhancement bug to track progress.

Best regards, Ralf

Wen Ai wrote:
> Hi,
>
> how can I get the rollover effect for a button? I have tried the way of
> the css definition as following, but failed.
>
> /* Button */
>
> Button.mybutton {
> background-image: url( "/theme/icons/test_gray.png" );
> }
>
> Button.mybutton:hover {
> background-image: url( "/theme/icons/test.png" );
> }
>
> Can someone help? Thanks.
>
> Wen
Re: button with the rollover effect [message #110943 is a reply to message #110890] Fri, 31 October 2008 09:54 Go to previous messageGo to next message
Eclipse UserFriend
Originally posted by: wen.ai.gillardon.de

Hi Ralf,

thanks for your answer. I have opened an enhancement bug 252938.

By the way, how could I know, which property is themeable, which not?
Are there any other solutions for the rollover effect?

Thanks a lot.

Wen



Ralf Sternberg schrieb:
> Hi Wen,
>
> your CSS would work if the Button's background image property were
> already themeable. Unfortunately, it's not. Enhancing the set of
> themeable widget properties is on our agenda. Anyway, feel free to open
> an enhancement bug to track progress.
>
> Best regards, Ralf
>
> Wen Ai wrote:
>> Hi,
>>
>> how can I get the rollover effect for a button? I have tried the way of
>> the css definition as following, but failed.
>>
>> /* Button */
>>
>> Button.mybutton {
>> background-image: url( "/theme/icons/test_gray.png" );
>> }
>>
>> Button.mybutton:hover {
>> background-image: url( "/theme/icons/test.png" );
>> }
>>
>> Can someone help? Thanks.
>>
>> Wen
Re: button with the rollover effect [message #110980 is a reply to message #110943] Fri, 31 October 2008 13:58 Go to previous message
Eclipse UserFriend
Originally posted by: rsternberg.innoopract.com

Wen Ai wrote:
> Hi Ralf,
>
> thanks for your answer. I have opened an enhancement bug 252938.
>
> By the way, how could I know, which property is themeable, which not?

We'll create documentation for themeable properties soon. See bug
245837: [Theming] Create CSS documentation
https://bugs.eclipse.org/bugs/show_bug.cgi?id=245837

> Are there any other solutions for the rollover effect?

You could implement this effect in a custom widget. But I guess we can
make background colors themeable very soon, so the effort for a custom
widget might not pay off.

Best regards, Ralf

>
> Thanks a lot.
>
> Wen
>
>
>
> Ralf Sternberg schrieb:
>> Hi Wen,
>>
>> your CSS would work if the Button's background image property were
>> already themeable. Unfortunately, it's not. Enhancing the set of
>> themeable widget properties is on our agenda. Anyway, feel free to open
>> an enhancement bug to track progress.
>>
>> Best regards, Ralf
>>
>> Wen Ai wrote:
>>> Hi,
>>>
>>> how can I get the rollover effect for a button? I have tried the way of
>>> the css definition as following, but failed.
>>>
>>> /* Button */
>>>
>>> Button.mybutton {
>>> background-image: url( "/theme/icons/test_gray.png" );
>>> }
>>>
>>> Button.mybutton:hover {
>>> background-image: url( "/theme/icons/test.png" );
>>> }
>>>
>>> Can someone help? Thanks.
>>>
>>> Wen
Previous Topic:Upload Widget problem
Next Topic:Logout Action
Goto Forum:
  


Current Time: Wed Feb 01 13:56:33 GMT 2023

Powered by FUDForum. Page generated in 0.11192 seconds
.:: Contact :: Home ::.

Powered by: FUDforum 3.0.2.
Copyright ©2001-2010 FUDforum Bulletin Board Software

Back to the top