I am trying to color-code the rows of a grid based on its due date. The code is below.
I updated the Enterprise Blue skin css. The listgrid section is below. The whole css is too big to attach.
I can see that I am returning a style string that 'should' accomplish what I need. I return "overDue" or "nearlyDue" to change color, and "cell" otherwise.
Below are the developer log entries to debug it. Instead of a color change, the font changes size. So, I know I am getting called correctly and returning correctly.
Below is the css section where I made my additions.
I wonder if I need to make the string overDueCell or nearlyDueCell. But, the myGrid example does not indicate that. I am missing something.
Also, I made the changes in the Enterprise Blue skin css. But, if I wanted to use SilverWave, There are no listgrid classes. e.g. there is no .cell entry. So, maybe there is a default and I only need to just add my entries in an appropriate place.
Any help would be appreciated. Having a row red or yellow would be helpful.
P.S. I am running SmartClient Version: v8.2p_2013-01-14/EVAL Development Only on Mozilla Firefox 12.0 with Firebug using Windows XP Pro 32 bit.
I updated the Enterprise Blue skin css. The listgrid section is below. The whole css is too big to attach.
Code:
Log.setPriority("Log", 5);
Log.logDebug("********************** Online.issueGridX.getCellStyle");
var style = "";
if (typeof record.IssueDueDate == "undefined") { style = "cell"; }
else {
var today = new Date();
today.setHours(0,0,0,0); // remove time component
Log.logDebug("************* IssueDueDate: " + record.IssueDueDate + " today " + today);
if (record.IssueDueDate < today) { style = "overDue"; }
else {
if (typeof Application.lastMeetingDate == "undefined") { style = "cell"; }
else {
var nextMeeting = today + ( today - Application.lastMeetingDate);
Log.logDebug("************* lastMeetingDate: " + Application.LastMeetingStart + " nextMeeting " + nextMeeting);
if (record.IssueDueDate < nextMeeting) { style = "nearlyDue"; }
else { style = "cell"; }
}
}
}
Log.logDebug("************* returning style: " + style);
return style;
Log.logDebug("***END***END***END*** Online.issueGridX.getCellStyle")
Below are the developer log entries to debug it. Instead of a color change, the font changes size. So, I know I am getting called correctly and returning correctly.
Code:
15:03:34.734:RDQ8:DEBUG:Log:********************** Online.issueGridX.getCellStyle 15:03:34.735:RDQ8:DEBUG:Log:************* IssueDueDate: Fri Feb 01 2013 12:00:00 GMT-0500 (Eastern Standard Time) today Mon Feb 11 2013 00:00:00 GMT-0500 (Eastern Standard Time) 15:03:34.735:RDQ8:DEBUG:Log:************* returning style: overDue 15:03:34.737:RDQ8:DEBUG:Log:********************** Online.issueGridX.getCellStyle 15:03:34.741:RDQ8:DEBUG:Log:************* IssueDueDate: Fri Feb 01 2013 12:00:00 GMT-0500 (Eastern Standard Time) today Mon Feb 11 2013 00:00:00 GMT-0500 (Eastern Standard Time) 15:03:34.741:RDQ8:DEBUG:Log:************* returning style: overDue 15:03:34.742:RDQ8:DEBUG:Log:********************** Online.issueGridX.getCellStyle 15:03:34.743:RDQ8:DEBUG:Log:************* IssueDueDate: Fri Feb 01 2013 12:00:00 GMT-0500 (Eastern Standard Time) today Mon Feb 11 2013 00:00:00 GMT-0500 (Eastern Standard Time) 15:03:34.743:RDQ8:DEBUG:Log:************* returning style: overDue 15:03:34.744:RDQ8:DEBUG:Log:********************** Online.issueGridX.getCellStyle 15:03:34.744:RDQ8:DEBUG:Log:************* IssueDueDate: Fri Feb 01 2013 12:00:00 GMT-0500 (Eastern Standard Time) today Mon Feb 11 2013 00:00:00 GMT-0500 (Eastern Standard Time) 15:03:34.744:RDQ8:DEBUG:Log:************* returning style: overDue 15:03:34.745:RDQ8:DEBUG:Log:********************** Online.issueGridX.getCellStyle 15:03:34.745:RDQ8:DEBUG:Log:************* IssueDueDate: Fri Feb 01 2013 12:00:00 GMT-0500 (Eastern Standard Time) today Mon Feb 11 2013 00:00:00 GMT-0500 (Eastern Standard Time) 15:03:34.745:RDQ8:DEBUG:Log:************* returning style: overDue 15:03:34.746:RDQ8:DEBUG:Log:********************** Online.issueGridX.getCellStyle 15:03:34.746:RDQ8:DEBUG:Log:************* IssueDueDate: Fri Feb 01 2013 12:00:00 GMT-0500 (Eastern Standard Time) today Mon Feb 11 2013 00:00:00 GMT-0500 (Eastern Standard Time) 15:03:34.746:RDQ8:DEBUG:Log:************* returning style: overDue 15:03:34.747:RDQ8:DEBUG:Log:********************** Online.issueGridX.getCellStyle 15:03:34.747:RDQ8:DEBUG:Log:************* IssueDueDate: Fri Feb 01 2013 12:00:00 GMT-0500 (Eastern Standard Time) today Mon Feb 11 2013 00:00:00 GMT-0500 (Eastern Standard Time) 15:03:34.747:RDQ8:DEBUG:Log:************* returning style: overDue 15:03:34.748:RDQ8:DEBUG:Log:********************** Online.issueGridX.getCellStyle 15:03:34.748:RDQ8:DEBUG:Log:************* IssueDueDate: Fri Feb 01 2013 12:00:00 GMT-0500 (Eastern Standard Time) today Mon Feb 11 2013 00:00:00 GMT-0500 (Eastern Standard Time) 15:03:34.748:RDQ8:DEBUG:Log:************* returning style: overDue 15:03:34.748:RDQ8:DEBUG:Log:********************** Online.issueGridX.getCellStyle 15:03:34.748:RDQ8:DEBUG:Log:************* IssueDueDate: Fri Feb 01 2013 12:00:00 GMT-0500 (Eastern Standard Time) today Mon Feb 11 2013 00:00:00 GMT-0500 (Eastern Standard Time) 15:03:34.749:RDQ8:DEBUG:Log:************* returning style: overDue 15:03:34.749:RDQ8:DEBUG:Log:********************** Online.issueGridX.getCellStyle 15:03:34.749:RDQ8:DEBUG:Log:************* IssueDueDate: Fri Feb 01 2013 12:00:00 GMT-0500 (Eastern Standard Time) today Mon Feb 11 2013 00:00:00 GMT-0500 (Eastern Standard Time) 15:03:34.749:RDQ8:DEBUG:Log:************* returning style: overDue 15:03:34.751:RDQ8:DEBUG:Log:********************** Online.issueGridX.getCellStyle 15:03:34.751:RDQ8:DEBUG:Log:************* returning style: cell 15:03:34.752:RDQ8:DEBUG:Log:********************** Online.issueGridX.getCellStyle 15:03:34.752:RDQ8:DEBUG:Log:************* returning style: cell 15:03:34.752:RDQ8:DEBUG:Log:********************** Online.issueGridX.getCellStyle
Code:
/*============================================================
ListGrid cells
listGrid.baseStyle
============================================================*/
/*------------------------------------------------------------
listGrid.baseStyle
------------------------------------------------------------*/
.cell,
.cellDark,
.cellOver,
.cellOverDark,
.cellSelected,
.cellSelectedDark,
.cellSelectedOver,
.cellSelectedOverDark,
.cellDisabled,
.cellDisabledDark,
.tallCell,
.tallCellDark,
.tallCellOver,
.tallCellOverDark,
.tallCellSelected,
.tallCellSelectedDark,
.tallCellSelectedOver,
.tallCellSelectedOverDark,
.tallCellDisabled,
.tallCellDisabledDark,
.gridSummaryCell,
.gridSummaryCellDisabled,
.recordSummaryCell,
.recordSummaryCellDark,
.recordSummaryCellOver,
.recordSummaryCellOverDark,
.recordSummaryCellSelected,
.recordSummaryCellSelectedDark,
.recordSummaryCellSelectedOver,
.recordSummaryCellSelectedOverDark,
.recordSummaryCellDisabled,
.recordSummaryCellDisabledDark,
.expansionCellCell,
.expansionCellCellDark,
.expansionCellCellOver,
.expansionCellCellOverDark,
.expansionCellCellSelected,
.expansionCellCellSelectedDark,
.expansionCellCellSelectedOver,
.expansionCellCellSelectedOverDark,
.expansionCellCellDisabled,
.expansionCellCellDisabledDark,
.specialCol,
.specialColOver,
.specialColSelected,
.specialColSelectedOver,
.specialColDisabled,
.groupNode {
border-top: 1px solid #fafafa;
border-bottom: 1px solid #f0f0f0;
color: black;
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
text-overflow: ellipsis;
}
.specialCol {
background-color: #fafafa;
color: black;
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
text-overflow: ellipsis;
}
.cellDark,
.recordSummaryCell,
.recordSummaryCellDark {
background-color: #fafafa;
}
.gridSummaryCell,
.gridSummaryCellDisabled {
background-color: #f0f0f0;
border-bottom: 1px solid gray;
border-top: 1px solid gray;
}
.tallCellDark {
background-color: #fafafa;
border-top: 1px solid #fafafa;
}
.cellOver,
.cellOverDark,
.specialColOver,
.recordSummaryCellOver,
.recordSummaryCellOverDark {
background-color: #c4ddfd;
background-image: url(./images/ListGrid/row_Over.png);
background-repeat: repeat-x;
background-position: bottom left;
background-attachment: scroll;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd));
background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#c4ddfd', endColorstr='#cce5ff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#c4ddfd', endColorstr='#cce5ff')";
}
.tallCellOver,
.tallCellOverDark {
background-color: #dbedff;
border-top: 1px solid #e8e8e8;
}
.cellSelected,
.cellSelectedDark,
.specialColSelected,
.recordSummaryCellSelected,
.recordSummaryCellSelectedDark {
background: #d6e8ff;
border-bottom: 1px dotted #9fb7e9;
border-top: 1px dotted #9fb7e9;
}
.tallCellSelected,
.tallCellSelectedDark {
background: #d6e8ff;
border-bottom: 1px dotted #9fb7e9;
border-top: 1px dotted #9fb7e9;
}
.cellSelectedOver,
.cellSelectedOverDark,
.specialColSelectedOver,
.recordSummaryCellSelectedOver,
.recordSummaryCellSelectedOverDark {
background-color: #c4ddfd;
background-image: url(images/ListGrid/row_Over_Selected.png);
background-repeat: repeat-x;
background-position: bottom left;
background-attachment: scroll;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(4%, #c4ddfd), color-stop(4%, #edf4fd), color-stop(100%, #c4ddfd));
background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #c4ddfd 4%, #edf4fd 4%, #c4ddfd 100%);
background-image: -moz-linear-gradient(top, #c4ddfd 0%, #c4ddfd 4%, #edf4fd 4%, #c4ddfd 100%);
background-image: -o-linear-gradient(top, #c4ddfd 0%, #c4ddfd 4%, #edf4fd 4%, #c4ddfd 100%);
background-image: linear-gradient(top, #c4ddfd 0%, #c4ddfd 4%, #edf4fd 4%, #c4ddfd 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#edf4fd', endColorstr='#c4ddfd');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#edf4fd', endColorstr='#c4ddfd')";
border-bottom: 1px dotted #9fb7e9;
border-top: 1px dotted #9fb7e9;
}
.tallCellSelectedOver,
.tallCellSelectedOverDark {
background-color: #d0dff6;
border-bottom: 1px dotted #9fb7e9;
border-top: 1px dotted #9fb7e9;
}
.gridSummaryCell,
.gridSummaryCellDisabled {
font-weight: bold;
}
.cellDisabled,
.cellDisabledDark,
.specialColDisabled,
.tallCellDisabled,
.tallCellDisabledDark,
.gridSummaryCellDisabled,
.specialColDisabled,
.recordSummaryCellDisabled,
.recordSummaryCellDisabledDark {
background-color: white;
color: #ababab;
}
/* for grouping */
.groupNode {
border-bottom: 1px solid #8fa7c7;
color: #3765a4;
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
}
/*============================================================
ListGrid cells
listGrid.baseStyle overDue
============================================================*/
/*------------------------------------------------------------
listGrid.baseStyle overDue
------------------------------------------------------------*/
.overDueCell,
.overDueCellDark,
.overDueCellOver,
.overDueCellOverDark,
.overDueCellSelected,
.overDueCellSelectedDark,
.overDueCellSelectedOver,
.overDueCellSelectedOverDark,
.overDueCellDisabled,
.overDueCellDisabledDark,
.overDueTallCell,
.overDueTallCellDark,
.overDueTallCellOver,
.overDueTallCellOverDark,
.overDueTallCellSelected,
.overDueTallCellSelectedDark,
.overDueTallCellSelectedOver,
.overDueTallCellSelectedOverDark,
.overDueTallCellDisabled,
.overDueTallCellDisabledDark,
.overDueGridSummaryCell,
.overDueGridSummaryCellDisabled,
.overDueRecordSummaryCell,
.overDueRecordSummaryCellDark,
.overDueRecordSummaryCellOver,
.overDueRecordSummaryCellOverDark,
.overDueRecordSummaryCellSelected,
.overDueRecordSummaryCellSelectedDark,
.overDueRecordSummaryCellSelectedOver,
.overDueRecordSummaryCellSelectedOverDark,
.overDueRecordSummaryCellDisabled,
.overDueRecordSummaryCellDisabledDark,
.overDueExpansionCellCell,
.overDueExpansionCellCellDark,
.overDueExpansionCellCellOver,
.overDueExpansionCellCellOverDark,
.overDueExpansionCellCellSelected,
.overDueExpansionCellCellSelectedDark,
.overDueExpansionCellCellSelectedOver,
.overDueExpansionCellCellSelectedOverDark,
.overDueExpansionCellCellDisabled,
.overDueExpansionCellCellDisabledDark,
.overDueSpecialCol,
.overDueSpecialColOver,
.overDueSpecialColSelected,
.overDueSpecialColSelectedOver,
.overDueSpecialColDisabled,
.overDueGroupNode {
border-top: 1px solid #fafafa;
border-bottom: 1px solid #f0f0f0;
background-color: #fdfcc3;
color: red;
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
text-overflow: ellipsis;
}
.overDueSpecialCol {
background-color: #fafafa;
color: red;
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
text-overflow: ellipsis;
}
.overDueCellDark,
.overDueRecordSummaryCell,
.overDueRecordSummaryCellDark {
background-color: #fafafa;
}
.overDueGridSummaryCell,
.overDueGridSummaryCellDisabled {
background-color: #f0f0f0;
border-bottom: 1px solid gray;
border-top: 1px solid gray;
}
.overDueTallCellDark {
background-color: #fafafa;
border-top: 1px solid #fafafa;
}
.overDueCellOver,
.overDueCellOverDark,
.overDueSpecialColOver,
.overDueRecordSummaryCellOver,
.overDueRecordSummaryCellOverDark {
background-color: #fdc3c3;
background-image: url(./images/ListGrid/row_Over.png);
background-repeat: repeat-x;
background-position: bottom left;
background-attachment: scroll;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdc3c3), color-stop(9%, #ffcdcd), color-stop(14%, #ffe6e6), color-stop(86%, #fff0f0), color-stop(100%, #fdc3c3));
background-image: -webkit-linear-gradient(top, #fdc3c3 0%, #ffcdcd 9%, #ffe6e6 14%, #fff0f0 86%, #fdc3c3 100%);
background-image: -moz-linear-gradient(top, #fdc3c3 0%, #ffcdcd 9%, #ffe6e6 14%, #fff0f0 86%, #fdc3c3 100%);
background-image: -o-linear-gradient(top, #fdc3c3 0%, #ffcdcd 9%, #ffe6e6 14%, #fff0f0 86%, #fdc3c3 100%);
background-image: linear-gradient(top, #fdc3c3 0%, #ffcdcd 9%, #ffe6e6 14%, #fff0f0 86%, #fdc3c3 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#fdc3c3', endColorstr='#fff0f0');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fdc3c3', endColorstr='#fff0f0')";
}
.overDueTallCellOver,
.overDueTallCellOverDark {
background-color: #ffdcdd;
border-top: 1px solid #e9e9e9;
}
.overDueCellSelected,
.overDueCellSelectedDark,
.overDueSpecialColSelected,
.overDueRecordSummaryCellSelected,
.overDueRecordSummaryCellSelectedDark {
background: #ffd7d7;
border-bottom: 1px dotted #e99f9f;
border-top: 1px dotted #e99f9f;
}
.overDueTallCellSelected,
.overDueTallCellSelectedDark {
background: #ffd7d7;
border-bottom: 1px dotted #e99f9f;
border-top: 1px dotted #e99f9f;
}
.overDueCellSelectedOver,
.overDueCellSelectedOverDark,
.overDueSpecialColSelectedOver,
.overDueRecordSummaryCellSelectedOver,
.overDueRecordSummaryCellSelectedOverDark {
background-color: #fdc3c3;
background-image: url(images/ListGrid/row_Over_Selected.png);
background-repeat: repeat-x;
background-position: bottom left;
background-attachment: scroll;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdc3c3), color-stop(4%, #fdc3c3), color-stop(4%, #edf4fd), color-stop(100%, #fdc3c3));
background-image: -webkit-linear-gradient(top, #fdc3c3 0%, #fdc3c3 4%, #edf4fd 4%, #fdc3c3 100%);
background-image: -moz-linear-gradient(top, #fdc3c3 0%, #fdc3c3 4%, #edf4fd 4%, #fdc3c3 100%);
background-image: -o-linear-gradient(top, #fdc3c3 0%, #fdc3c3 4%, #edf4fd 4%, #fdc3c3 100%);
background-image: linear-gradient(top, #fdc3c3 0%, #fdc3c3 4%, #edf4fd 4%, #fdc3c3 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#edf4fd', endColorstr='#fdc3c3');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#edf4fd', endColorstr='#fdc3c3')";
border-bottom: 1px dotted #e99f9f;
border-top: 1px dotted #e99f9f;
}
.overDueTallCellSelectedOver,
.overDueTallCellSelectedOverDark {
background-color: #d0dff6;
border-bottom: 1px dotted #e99f9f;
border-top: 1px dotted #e99f9f;
}
.overDueGridSummaryCell,
.overDueGridSummaryCellDisabled {
font-weight: bold;
}
.overDueCellDisabled,
.overDueCellDisabledDark,
.overDueSpecialColDisabled,
.overDueTallCellDisabled,
.overDueTallCellDisabledDark,
.overDueGridSummaryCellDisabled,
.overDueSpecialColDisabled,
.overDueRecordSummaryCellDisabled,
.overDueRecordSummaryCellDisabledDark {
background-color: white;
color: #ababab;
}
/* for grouping */
.overDueGroupNode {
border-bottom: 1px solid #8fa7c7;
color: #3765a4;
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
}
/*============================================================
ListGrid cells
listGrid.baseStyle nearlyDue
============================================================*/
/*------------------------------------------------------------
listGrid.baseStyle nearlyDue
------------------------------------------------------------*/
.nearlyDueCell,
.nearlyDueCellDark,
.nearlyDueCellOver,
.nearlyDueCellOverDark,
.nearlyDueCellSelected,
.nearlyDueCellSelectedDark,
.nearlyDueCellSelectedOver,
.nearlyDueCellSelectedOverDark,
.nearlyDueCellDisabled,
.nearlyDueCellDisabledDark,
.nearlyDueTallCell,
.nearlyDueTallCellDark,
.nearlyDueTallCellOver,
.nearlyDueTallCellOverDark,
.nearlyDueTallCellSelected,
.nearlyDueTallCellSelectedDark,
.nearlyDueTallCellSelectedOver,
.nearlyDueTallCellSelectedOverDark,
.nearlyDueTallCellDisabled,
.nearlyDueTallCellDisabledDark,
.nearlyDueGridSummaryCell,
.nearlyDueGridSummaryCellDisabled,
.nearlyDueRecordSummaryCell,
.nearlyDueRecordSummaryCellDark,
.nearlyDueRecordSummaryCellOver,
.nearlyDueRecordSummaryCellOverDark,
.nearlyDueRecordSummaryCellSelected,
.nearlyDueRecordSummaryCellSelectedDark,
.nearlyDueRecordSummaryCellSelectedOver,
.nearlyDueRecordSummaryCellSelectedOverDark,
.nearlyDueRecordSummaryCellDisabled,
.nearlyDueRecordSummaryCellDisabledDark,
.nearlyDueExpansionCellCell,
.nearlyDueExpansionCellCellDark,
.nearlyDueExpansionCellCellOver,
.nearlyDueExpansionCellCellOverDark,
.nearlyDueExpansionCellCellSelected,
.nearlyDueExpansionCellCellSelectedDark,
.nearlyDueExpansionCellCellSelectedOver,
.nearlyDueExpansionCellCellSelectedOverDark,
.nearlyDueExpansionCellCellDisabled,
.nearlyDueExpansionCellCellDisabledDark,
.nearlyDueSpecialCol,
.nearlyDueSpecialColOver,
.nearlyDueSpecialColSelected,
.nearlyDueSpecialColSelectedOver,
.nearlyDueSpecialColDisabled,
.nearlyDueGroupNode {
border-top: 1px solid #fafafa;
border-bottom: 1px solid #f0f0f0;
background-color: #fffa41;
color: black;
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
text-overflow: ellipsis;
}
.nearlyDueSpecialCol {
background-color: #fafafa;
color: black;
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
text-overflow: ellipsis;
}
.nearlyDueCellDark,
.nearlyDueRecordSummaryCell,
.nearlyDueRecordSummaryCellDark {
background-color: #fafafa;
}
.nearlyDueGridSummaryCell,
.nearlyDueGridSummaryCellDisabled {
background-color: #f0f0f0;
border-bottom: 1px solid gray;
border-top: 1px solid gray;
}
.nearlyDueTallCellDark {
background-color: #fafafa;
border-top: 1px solid #fafafa;
}
.nearlyDueCellOver,
.nearlyDueCellOverDark,
.nearlyDueSpecialColOver,
.nearlyDueRecordSummaryCellOver,
.nearlyDueRecordSummaryCellOverDark {
background-color: #fdfcc3;
background-image: url(./images/ListGrid/row_Over.png);
background-repeat: repeat-x;
background-position: bottom left;
background-attachment: scroll;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfcc3), color-stop(9%, #ffffcd), color-stop(14%, #ffffe6), color-stop(86%, #fffff0), color-stop(100%, #fdfcc3));
background-image: -webkit-linear-gradient(top, #fdfcc3 0%, #ffffcd 9%, #ffffe6 14%, #fffff0 86%, #fdfcc3 100%);
background-image: -moz-linear-gradient(top, #fdfcc3 0%, #ffffcd 9%, #ffffe6 14%, #fffff0 86%, #fdfcc3 100%);
background-image: -o-linear-gradient(top, #fdfcc3 0%, #ffffcd 9%, #ffffe6 14%, #fffff0 86%, #fdfcc3 100%);
background-image: linear-gradient(top, #fdfcc3 0%, #ffffcd 9%, #ffffe6 14%, #fffff0 86%, #fdfcc3 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#fdfcc3', endColorstr='#fffff0');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fdfcc3', endColorstr='#fffff0')";
}
.nearlyDueTallCellOver,
.nearlyDueTallCellOverDark {
background-color: #fffedc;
border-top: 1px solid #e9e9e9;
}
.nearlyDueCellSelected,
.nearlyDueCellSelectedDark,
.nearlyDueSpecialColSelected,
.nearlyDueRecordSummaryCellSelected,
.nearlyDueRecordSummaryCellSelectedDark {
background: #fffdd7;
border-bottom: 1px dotted #e9e69f;
border-top: 1px dotted #e9e69f;
}
.nearlyDueTallCellSelected,
.nearlyDueTallCellSelectedDark {
background: #fffdd7;
border-bottom: 1px dotted #e9e69f;
border-top: 1px dotted #e9e69f;
}
.nearlyDueCellSelectedOver,
.nearlyDueCellSelectedOverDark,
.nearlyDueSpecialColSelectedOver,
.nearlyDueRecordSummaryCellSelectedOver,
.nearlyDueRecordSummaryCellSelectedOverDark {
background-color: #fdfcc3;
background-image: url(images/ListGrid/row_Over_Selected.png);
background-repeat: repeat-x;
background-position: bottom left;
background-attachment: scroll;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfcc3), color-stop(4%, #fdfcc3), color-stop(4%, #edf4fd), color-stop(100%, #fdfcc3));
background-image: -webkit-linear-gradient(top, #fdfcc3 0%, #fdfcc3 4%, #edf4fd 4%, #fdfcc3 100%);
background-image: -moz-linear-gradient(top, #fdfcc3 0%, #fdfcc3 4%, #edf4fd 4%, #fdfcc3 100%);
background-image: -o-linear-gradient(top, #fdfcc3 0%, #fdfcc3 4%, #edf4fd 4%, #fdfcc3 100%);
background-image: linear-gradient(top, #fdfcc3 0%, #fdfcc3 4%, #edf4fd 4%, #fdfcc3 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#edf4fd', endColorstr='#fdfcc3');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#edf4fd', endColorstr='#fdfcc3')";
border-bottom: 1px dotted #e9e69f;
border-top: 1px dotted #e9e69f;
}
.nearlyDueTallCellSelectedOver,
.nearlyDueTallCellSelectedOverDark {
background-color: #d0dff6;
border-bottom: 1px dotted #e9e69f;
border-top: 1px dotted #e9e69f;
}
.nearlyDueGridSummaryCell,
.nearlyDueGridSummaryCellDisabled {
font-weight: bold;
}
.nearlyDueCellDisabled,
.nearlyDueCellDisabledDark,
.nearlyDueSpecialColDisabled,
.nearlyDueTallCellDisabled,
.nearlyDueTallCellDisabledDark,
.nearlyDueGridSummaryCellDisabled,
.nearlyDueSpecialColDisabled,
.nearlyDueRecordSummaryCellDisabled,
.nearlyDueRecordSummaryCellDisabledDark {
background-color: yellow;
color: #ababab;
}
/* for grouping */
.nearlyDueGroupNode {
border-bottom: 1px solid #8fa7c7;
color: #3765a4;
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
}
/*Tree styling*/
/*------------------------------------------------------------
treeGrid.baseStyle
------------------------------------------------------------*/
Also, I made the changes in the Enterprise Blue skin css. But, if I wanted to use SilverWave, There are no listgrid classes. e.g. there is no .cell entry. So, maybe there is a default and I only need to just add my entries in an appropriate place.
Any help would be appreciated. Having a row red or yellow would be helpful.
P.S. I am running SmartClient Version: v8.2p_2013-01-14/EVAL Development Only on Mozilla Firefox 12.0 with Firebug using Windows XP Pro 32 bit.
Comment