Bugzilla – Full Text Bug Listing
| Summary: | [Theming] Some default styles not used when contributed at ThemableWidget ExtPoint | ||||||
|---|---|---|---|---|---|---|---|
| Product: | [RT] RAP | Reporter: | Stefan Röck <stefan.roeck> | ||||
| Component: | RWT | Assignee: | Project Inbox <rap-inbox> | ||||
| Status: | RESOLVED INVALID | QA Contact: | |||||
| Severity: | normal | ||||||
| Priority: | P3 | ||||||
| Version: | 1.3 | ||||||
| Target Milestone: | --- | ||||||
| Hardware: | PC | ||||||
| OS: | Windows XP | ||||||
| Whiteboard: | |||||||
| Attachments: |
|
||||||
Created attachment 154521 [details]
Sample project
Stefan, I think that your CSS declaration is not correct. Here is the working one:
----------------------------------------------------------
Button[PUSH].cmdSmall {
background-color: transparent;
font:12px 'Segoe UI';
border: none;
spacing: 6px;
}
Button[PUSH].cmdSmall:hover {
border: 1px solid #C8C8C8;
border-radius: 4px;
background-image: gradient(linear, left top, left bottom, from(#ffffff),
color-stop(49%, #FFECAC), color-stop(50%, #FFDA59), to(#FFFCDF) );
}
Button[PUSH].cmdSmall:pressed {
border: 1px solid #A78E66;
border-radius: 4px;
background-image: gradient(linear, left top, left bottom, from(#EAD1B2),
color-stop(49%, #FCD38A), color-stop(50%, #FBC05A), to(#FDE79B) );
padding: 5px 6px;
}
----------------------------------------------------------
I will close it as invalid. Stefan, please reopen if I you think that I'm wrong. |
I try to use the ThemeableWidget-Extension point to provide some theme variants that should be used in a custom control. (Talked to Ralf about this at EclipseSummit). However, it seems as if only some of the provided themes are applied (works for Labels, Composites but not for Buttons). In the following example, the hover stuff works fine, however, disabling the border and using a transparent color in the default button state doesn't work. Using the latest CVS HEAD. Button.cmdSmall { background-color: transparent; font:12px 'Segoe UI'; border: none; spacing: 6px; } Button:hover.cmdSmall { border: 1px solid #C8C8C8; border-radius: 4px; background-image: gradient(linear, left top, left bottom, from(#ffffff), color-stop(49%, #FFECAC), color-stop(50%, #FFDA59), to(#FFFCDF) ); } Button:pressed.cmdSmall { border: 1px solid #A78E66; border-radius: 4px; background-image: gradient(linear, left top, left bottom, from(#EAD1B2), color-stop(49%, #FCD38A), color-stop(50%, #FBC05A), to(#FDE79B) ); padding: 5px 6px; }