Hi,
I tried to customize gwt CellTable with no success. Am I missing something?
Here is what i did:
1) create custom resource interface:
public interface CellTableResource extends Resources {
public CellTable.Resources INSTANCE =
GWT.create(CellTableResource.class);
/**
* The styles used in this widget.
*/
@NotStrict
@Source("com/company/public/com/company/gbb/css/CellTable.css")
CellTable.Style cellTableStyle();
}
2) create css file in
src/main/resources/com/cayetano/public/com/cayetano/gbb/css/CellTable.css
(note: there are no images for gwt-image attribute, but still compiles with
no errors).
.cellTable {
border: none;
}
.firstColumn {
}
@sprite .footer {
gwt-image: 'cellTableFooterBackground';
background-color: #fffbd6;
border: none;
text-align: center;
color: black;
font-size: 11px;
font-weight: bold;
font-family: Tahoma;
}
@sprite .header {
gwt-image: 'cellTableHeaderBackground';
background-color: #fffbd6;
border: none;
padding: 0px 10px;
text-align: center;
color: black;
font-size: 11px;
font-weight: bold;
font-family: Tahoma;
}
.cell {
background-color: #fffbd6;
padding: 4px 10px;
border: none;
text-align: center;
color: black;
font-size: 11px;
font-weight: bold;
font-family: Tahoma;
}
.firstColumnFooter {
border-left: 0px;
}
.firstColumnHeader {
border-left: 0px;
}
.evenRow {
background-color: #fffbd6;
}
.oddRow {
background-color: black;
}
.hoveredRow {
background-color: #fffbd6;
}
@sprite .selectedRow {
gwt-image: 'cellTableSelectedBackground';
background-color: #fffbd6;
border: none;
text-align: center;
color: black;
font-size: 11px;
font-weight: bold;
font-family: Tahoma;
}
.cellTableLastColumnHeader{}
.cellTableHeader{}
.cellTableLoading{}
.cellTableSortedHeaderDescending{}
.cellTableFirstColumn{}
.cellTableFirstColumnHeader{}
.cellTableFooter{}
.cellTableKeyboardSelectedRowCell{}
.cellTableWidget{}
.cellTableSelectedRow{}
.cellTableLastColumn{}
.cellTableLastColumnFooter{}
.cellTableSortableHeader{}
.cellTableKeyboardSelectedRow{}
.cellTableKeyboardSelectedCell{}
.cellTableHoveredRowCell{}
.cellTableCell{}
.cellTableEvenRowCell{}
.cellTableFirstColumnFooter{}
.cellTableOddRow{}
.cellTableEvenRow{}
.cellTableSelectedRowCell{}
.cellTableSortedHeaderAscending{}
.cellTableOddRowCell{}
.cellTableHoveredRow{}
3) create cell table with overridden resources
CellTable<Tick> historyTable = new CellTable<UpDownBetView.Tick>(5,
CellTableResource.INSTANCE);
Result: Default css style is not shown, in fact no style is shown.
Could you help please?
Regards.
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
