I guess, that you are also passing CellTableResource instance to the
constructor of the CellTable.
Othwerwise you will stiil use the default styles.
On Nov 28, 9:04 am, savilak <savi...@gmail.com> wrote:
> Hi Manstis,
>
> use the code below to do it.
>
> 1) Extend CellTable.Resources
> ---------------------------------------------------------------------------
> --------------------------------
> public interface CellTableResource extends CellTable.Resources
> {
> public interface CellTableStyle extends CellTable.Style {};
>
> �...@source({"CellTable.css"})
> CellTableStyle cellTableStyle();};
>
> ---------------------------------------------------------------------------
> --------------------------------
>
> 2) Link it with your CellTable.css file that contains all your styling
>
> ---------------------------------------------------------------------------
> --------------------------------
> @CHARSET "UTF-8";
>
> @def selectionBorderWidth 0px;
> .cellTableWidget {
>
> }
>
> .cellTableFirstColumn {
>
> }
>
> .cellTableLastColumn {
>
> }
>
> .cellTableFooter {
> border-top: 2px solid #6f7277;
> padding: 3px 15px;
> text-align: left;
> color: #4b4a4a;
> text-shadow: #ddf 1px 1px 0;
>
> }
>
> .cellTableHeader {
> /*border-bottom: 2px solid #6f7277;*/
> border-top: 1px solid #6f7277;
> border-bottom: 1px solid #6f7277;
> /*padding: 3px 15px;*/
> padding: 3px 6px 3px 6px;
> text-align: left;
> font-size:14px;
> color: #4b4a4a;
>
> /*text-shadow: #ddf 1px 1px 0;*/
>
> }
>
> .cellTableCell {
> /* padding: 2px 15px; */
> padding: 6px 6px 6px 6px;
>
> }
>
> .cellTableFirstColumnFooter {
>
> }
>
> .cellTableFirstColumnHeader {
>
> }
>
> .cellTableLastColumnFooter {
>
> }
>
> .cellTableLastColumnHeader {
>
> }
>
> .cellTableEvenRow {
> background: #ffffff;
>
> }
>
> .cellTableEvenRowCell {
> border: selectionBorderWidth solid #ffffff;
>
> }
>
> .cellTableOddRow {
> background:#f3f7fb;
>
> }
>
> .cellTableOddRowCell {
> border: selectionBorderWidth solid #f3f7fb;
>
> }
>
> .cellTableHoveredRow {
> background: #ffffcc;
>
> }
>
> .cellTableHoveredRowCell {
> border: selectionBorderWidth solid #eee;
>
> }
>
> .cellTableKeyboardSelectedRow {
> /*background: #ffc;*/
>
> }
>
> .cellTableKeyboardSelectedRowCell {
> border: selectionBorderWidth solid #ffc;
>
> }
>
> .cellTableSelectedRow {
> background: #628cd5;
> color: white;
> height: auto;
> overflow: auto;
>
> }
>
> .cellTableSelectedRowCell {
> border: selectionBorderWidth solid #628cd5;
>
> }
>
> /**
> * The keyboard selected cell is visible over selection.
> */
> .cellTableKeyboardSelectedCell {
> border: selectionBorderWidth solid #d7dde8;
>
> }
>
> @sprite .cellTableLoading {
> gwt-image: 'cellTableLoading';
> margin: 30px;
>
> }
>
> ---------------------------------------------------------------------------
> --------------------------------
>
> I hope this helps...
>
> Regards
> Savilak
>
> On Nov 27, 11:52 pm, manstis <michael.ans...@gmail.com> wrote:
>
>
>
>
>
>
>
> > Hi,
>
> > I need to override some CellTable CSS definitions.
>
> > I've been able to isolate the classes to some named along the lines
> > of .GL0PBETBKC, .GL0PBETBEC etc.
>
> > The CellTable CSS appears to be injected into my module after my .css
> > file and the only way I have been able to override the above styles is
> > by using !important in my css file. Firebug shows the CellTable's CSS
> > to come fromhttp://127.0.0.1:8888/MyModule.html?gwt.codesvr=127.0.0.1:9997.
>
> > Can anybody please advise the best way to override the above styles?
> > They are not part of standard.css and therefore changing my GWT Module
> > to inherit from 'com.google.gwt.user.theme.standard.StandardResources'
> > and linking to standard.css from my HTML page manually does not
> > provide a solution.
>
> > Thanks,
>
> > Mike
--
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-tool...@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.
