customize CellTable css style

[mariyan nenchev]

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 google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.