Details
-
Type: Bug
-
Status: Closed
-
Priority: Major
-
Resolution: Won't Fix
-
Affects Version/s: 3.2, EE-3.2.0.GA
-
Fix Version/s: 3.3
-
Component/s: ACE-Components
-
Labels:None
-
Environment:Tomcat 7
-
Assignee Priority:P2
-
Workaround Exists:Yes
-
Workaround Description:
Description
Once Row Selector is enabled on a datatable that overrides the ui-datatable-odd and ui-datatable-even styles such as this:
.rglrDtTb .ui-datatable-odd {
background: #F2F2F2;
border: 1px solid #999999;
}
The Row Selector does not apply the style properly. This is what I see in Firebug:
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-active em {
CROSSED OUT (OVERRIDEN) FROM HERE
background: url("/AMPS_Repository/javax.faces.resource/themes/sam/images/sprite.png.jsf?ln=icefaces.ace") repeat-x scroll left -1400px padding-box #2647A0;
border: 1px solid #AAAAAA;
TO HERE. FOLLOWING IS APPLIED TO THE PAGE:
color: #FFFFFF;
font-weight: normal;
}
Once background: #F2F2F2; is removed from the application style class, the row selector works as expected.
.rglrDtTb .ui-datatable-odd {
background: #F2F2F2;
border: 1px solid #999999;
}
The Row Selector does not apply the style properly. This is what I see in Firebug:
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-active em {
CROSSED OUT (OVERRIDEN) FROM HERE
background: url("/AMPS_Repository/javax.faces.resource/themes/sam/images/sprite.png.jsf?ln=icefaces.ace") repeat-x scroll left -1400px padding-box #2647A0;
border: 1px solid #AAAAAA;
TO HERE. FOLLOWING IS APPLIED TO THE PAGE:
color: #FFFFFF;
font-weight: normal;
}
Once background: #F2F2F2; is removed from the application style class, the row selector works as expected.
This is a unavoidable result of overriding the default theme for the row backgrounds with rules more specific than those from JQUI. However the rules from JQUI are quite unspecific, so even these simple rules take precedence .
Declaring custom even/odd row backgrounds, with greater specificity than the backgrounds that are part of Themeroller, will require custom even/odd hover & selection states to be declared with equally great specificity:
.rglrDtTb .ui-datatable-even.ui-state-active
{ ... }.rglrDtTb .ui-datatable-even.ui-state-hover { ... }
.rglrDtTb .ui-datatable-odd.ui-state-active
{ ... }.rglrDtTb .ui-datatable-odd.ui-state-hover { ... }