I think you need to create your implementation of CellTable.Style.
Something similar to:
interface MyCellTableResources extends Resources {
@Source(MyCellTableStyle.STYLE)
MyCellTableStyle cellListStyle();
}
interface MyCellTableStyle extends CellTable.Style {
String STYLE = "cell-table-style.css";
...
}
On 12 abr, 10:06, mariyan nenchev <[email protected]> wrote:
> 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.
