Changing images for check box and radio button [message #123117] |
Thu, 26 February 2009 09:49 |
Eclipse User |
|
|
|
Originally posted by: csaken.gmail.com
Hello,
I'm trying to get accommodated with the theming in RAP, however seems
like I cannot change the images for check box and radio button. It is
possible to change them, and if yes, any hits about how it should be done?
Regards,
Jancsi
|
|
|
Re: Changing images for check box and radio button [message #123167 is a reply to message #123117] |
Thu, 26 February 2009 11:08 |
|
Hi Jancsi,
> I'm trying to get accommodated with the theming in RAP, however seems
> like I cannot change the images for check box and radio button. It is
> possible to change them, and if yes, any hits about how it should be done?
In the rwt bundle, there is a file "Button.default.css" which, among
other things, defines the default images for check and radio buttons.
The definitions should be self-explanatory. Just copy them into your
custom theme and modify the image paths as needed.
Best regards,
Ralf
---- from Button.default.css ----
Button-CheckIcon {
background-image: url( resource/widget/rap/button/check-unselected.png );
}
Button-CheckIcon:hover {
background-image: url(
resource/widget/rap/button/check-unselected-hover.png );
}
Button-CheckIcon:selected {
background-image: url( resource/widget/rap/button/check-selected.png );
}
Button-CheckIcon:selected:hover {
background-image: url(
resource/widget/rap/button/check-selected-hover.png );
}
Button-CheckIcon:selected:grayed {
background-image: url( resource/widget/rap/button/check-grayed.png );
}
Button-CheckIcon:selected:hover:grayed {
background-image: url(
resource/widget/rap/button/check-grayed-hover.png );
}
Button-RadioIcon {
background-image: url( resource/widget/rap/button/radio-unselected.png );
}
Button-RadioIcon:hover {
background-image: url(
resource/widget/rap/button/radio-unselected-hover.png );
}
Button-RadioIcon:selected {
background-image: url( resource/widget/rap/button/radio-selected.png );
}
Button-RadioIcon:selected:hover {
background-image: url(
resource/widget/rap/button/radio-selected-hover.png );
}
----
|
|
|
Re: Changing images for check box and radio button [message #123382 is a reply to message #123167] |
Fri, 27 February 2009 23:03 |
Eclipse User |
|
|
|
Originally posted by: csaken.rdslink.ro
Thank you, it works like charm.
I don't know why did not work first time when I've tried, since I've
done something like this.
Maybe I did something wrong then.
Regards,
Jancsi
Ralf Sternberg wrote:
> Hi Jancsi,
>
>> I'm trying to get accommodated with the theming in RAP, however seems
>> like I cannot change the images for check box and radio button. It is
>> possible to change them, and if yes, any hits about how it should be done?
>
> In the rwt bundle, there is a file "Button.default.css" which, among
> other things, defines the default images for check and radio buttons.
> The definitions should be self-explanatory. Just copy them into your
> custom theme and modify the image paths as needed.
>
> Best regards,
> Ralf
>
> ---- from Button.default.css ----
>
> Button-CheckIcon {
> background-image: url( resource/widget/rap/button/check-unselected.png );
> }
>
> Button-CheckIcon:hover {
> background-image: url(
> resource/widget/rap/button/check-unselected-hover.png );
> }
>
> Button-CheckIcon:selected {
> background-image: url( resource/widget/rap/button/check-selected.png );
> }
>
> Button-CheckIcon:selected:hover {
> background-image: url(
> resource/widget/rap/button/check-selected-hover.png );
> }
>
> Button-CheckIcon:selected:grayed {
> background-image: url( resource/widget/rap/button/check-grayed.png );
> }
>
> Button-CheckIcon:selected:hover:grayed {
> background-image: url(
> resource/widget/rap/button/check-grayed-hover.png );
> }
>
> Button-RadioIcon {
> background-image: url( resource/widget/rap/button/radio-unselected.png );
> }
>
> Button-RadioIcon:hover {
> background-image: url(
> resource/widget/rap/button/radio-unselected-hover.png );
> }
>
> Button-RadioIcon:selected {
> background-image: url( resource/widget/rap/button/radio-selected.png );
> }
>
> Button-RadioIcon:selected:hover {
> background-image: url(
> resource/widget/rap/button/radio-selected-hover.png );
> }
> ----
|
|
|
Powered by
FUDForum. Page generated in 0.21234 seconds