Thanks to all; it worked a treat - and the resultant reading has led
me to understand ClientBundles a whole lot more too :)
Everyone's a winner.
On Nov 28, 2:35 pm, Efstathios Kalyvas <savi...@gmail.com> wrote:
> That is correct, you also need the following:
>
> CellTableResource resource = GWT.create(CellTableResource.class);
> CellTable<PropertyLight> table = new
> CellTable<PropertyLight>(10,resource);
>
> as Marcin suggests.
>
> On Sun, Nov 28, 2010 at 11:34 AM, Marcin Misiewicz <misq...@gmail.com>wrote:
>
> > 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<google-web-toolkit%2bunsubscr...@googlegroups.com>
> > .
> > For more options, visit this group at
> >http://groups.google.com/group/google-web-toolkit?hl=en.
--
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.
