Re: How to override CellTable css
While using this i am getting No source code is available for type Resources.CellTableResources; did you forget to inherit a required module? Help.. On Sunday, 28 November 2010 20:05:07 UTC+5:30, savilak wrote: That is correct, you also need the following: CellTableResource resource = GWT.create(CellTableResource.class); CellTablePropertyLight table = new CellTablePropertyLight(10,resource); as Marcin suggests. On Sun, Nov 28, 2010 at 11:34 AM, Marcin Misiewicz mis...@gmail.comjavascript: 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: #ff; } .cellTableEvenRowCell { border: selectionBorderWidth solid #ff; } .cellTableOddRow { background:#f3f7fb; } .cellTableOddRowCell { border: selectionBorderWidth solid #f3f7fb; } .cellTableHoveredRow { background: #cc; } .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:/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-we...@googlegroups.comjavascript: . To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com javascript:. 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 view this discussion on the web visit https://groups.google.com/d/msg/google-web-toolkit/-/Gv_r7CJoQroJ
Re: How to override CellTable css
Hi all, I dig up this thread to ask a question about the CSS overriding. My problem is that once I create a celltable with my customised CellTable.Resources, all other CellTables in my application use this style (even though I didnt pass the resource to their constructor). This is because the compiled class names in the CSS are the same in both my custom file and the standard.css. Is this how it works, or is there something I can do about it ? I tryed changing my css name from CellTable.css but that didnt change the compiled class names :) Many thanks ! Le jeudi 27 janvier 2011 18:00:35 UTC+1, Thomas Lefort a écrit : Great Thread. Thanks to the contributors. Makes me wonder if there are (other than Google) templates available out there for GWT? On Jan 27, 5:04 pm, mike b mbaker.t...@gmail.com wrote: thanks to everyone who posted comments here. This has really helped me as well as I had problem styling the CellList. The same pattern works there as well. -- You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To view this discussion on the web visit https://groups.google.com/d/msg/google-web-toolkit/-/QzQLih1-js8J. 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.
Re: How to override CellTable css
On Thursday, June 21, 2012 9:54:39 AM UTC+2, Martones wrote: Hi all, I dig up this thread to ask a question about the CSS overriding. My problem is that once I create a celltable with my customised CellTable.Resources, all other CellTables in my application use this style (even though I didnt pass the resource to their constructor). This is because the compiled class names in the CSS are the same in both my custom file and the standard.css. Is this how it works, or is there something I can do about it ? I tryed changing my css name from CellTable.css but that didnt change the compiled class names :) See http://code.google.com/p/google-web-toolkit/issues/detail?id=6144 -- You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To view this discussion on the web visit https://groups.google.com/d/msg/google-web-toolkit/-/FqezwwZ1S9kJ. 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.
Re: How to override CellTable css
Great thanks alot for a quick answer Thomas :) Extending CellTable.Style did the trick Le jeudi 21 juin 2012 10:10:26 UTC+2, Thomas Broyer a écrit : On Thursday, June 21, 2012 9:54:39 AM UTC+2, Martones wrote: Hi all, I dig up this thread to ask a question about the CSS overriding. My problem is that once I create a celltable with my customised CellTable.Resources, all other CellTables in my application use this style (even though I didnt pass the resource to their constructor). This is because the compiled class names in the CSS are the same in both my custom file and the standard.css. Is this how it works, or is there something I can do about it ? I tryed changing my css name from CellTable.css but that didnt change the compiled class names :) See http://code.google.com/p/google-web-toolkit/issues/detail?id=6144 -- You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To view this discussion on the web visit https://groups.google.com/d/msg/google-web-toolkit/-/tjl3T1KqkRQJ. 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.
CellTable CSS (still!)
Hi I've managed to make a CellTable use my own CSS rules by extending CellTable.Resources with my own resources which overrides cellTableStyle, simple. I provide a link to my own CSS file within the extended Resources I can now construct a CellTable using this resource and it will render as I wish, the problem is I can't seem to use setRowStyles() on my CellTable or at least using setRowStyles() seems useless as no style seems to be getting set. Given my CellTable is using my CSS I use setRowStyles like this: table.setRowStyles(new RowStylesContact() { @Override public String getStyleNames(Contact p, int rowIndex) { { return bbcolor; } } }); I am currently trying things out using a default WebAppplicationProject from within Eclipse and I'm setting the CSS rule .bbcolor like this (in my CSS file): @external .bbcolor { backgound-color: red !important; } ...using @external as I'm getting errors about unobfuscated use of this bbcolor. I'm also using the same CSS rule in the default CSS file for the template application (just in case but without the @external). Still no red background... Could someone tell me why I'm not getting a red background on my table rows please? FULL STORY My CellTable is dynamic as in the rows move up and down depending on what the user does with some sliders so I want the background of the rows to be coloured so its easy to see them move up and down rather than having to keep your eye on a text element (which seems difficult). If you want to see it in action you'll have to register and login (simple and free) here: http://www.pluckier.co.uk Thanks again -- 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.
Re: CellTable CSS (still!)
I think you should use @external like so.. @external .bbcolor; .bbcolor { backgound-color: red !important; } To start debugging this, you should inspect the table row (using Chrome or firebug in Firefox) and see if it was given the bbcolor class name. Then you can find out if the problem is with the css or the code. On Sep 12, 6:30 am, Tony Kennah tonyken...@googlemail.com wrote: Hi I've managed to make a CellTable use my own CSS rules by extending CellTable.Resources with my own resources which overrides cellTableStyle, simple. I provide a link to my own CSS file within the extended Resources I can now construct a CellTable using this resource and it will render as I wish, the problem is I can't seem to use setRowStyles() on my CellTable or at least using setRowStyles() seems useless as no style seems to be getting set. Given my CellTable is using my CSS I use setRowStyles like this: table.setRowStyles(new RowStylesContact() { @Override public String getStyleNames(Contact p, int rowIndex) { { return bbcolor; } } }); I am currently trying things out using a default WebAppplicationProject from within Eclipse and I'm setting the CSS rule .bbcolor like this (in my CSS file): @external .bbcolor { backgound-color: red !important; } ...using @external as I'm getting errors about unobfuscated use of this bbcolor. I'm also using the same CSS rule in the default CSS file for the template application (just in case but without the @external). Still no red background... Could someone tell me why I'm not getting a red background on my table rows please? FULL STORY My CellTable is dynamic as in the rows move up and down depending on what the user does with some sliders so I want the background of the rows to be coloured so its easy to see them move up and down rather than having to keep your eye on a text element (which seems difficult). If you want to see it in action you'll have to register and login (simple and free) here: http://www.pluckier.co.uk Thanks again -- 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.
Re: CellTable CSS (still!)
I mis-spelled background in the CSS rule! BACKGOUND - Dyslexic sorry! Thanks for all the help! -- 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.
customize CellTable css style
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 CellTableTick historyTable = new CellTableUpDownBetView.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.
Re: customize CellTable css style
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 nenchev.mari...@gmail.com 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 CellTableTick historyTable = new CellTableUpDownBetView.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.
Re: Celltable Css
The problem of ClientBundle however is that if i've a bundle it must be in the same position of css..in this way i can't add external css dynamically.. On Mon, Mar 21, 2011 at 11:32 PM, Thomas Broyer t.bro...@gmail.com wrote: On Monday, March 21, 2011 8:24:05 PM UTC+1, gadaleta.marco wrote: It' so strange. In this way i cant handle multiple css.. Yes you can. You can have several CellTable.Resources/Style instances, and you can also define your CellTable.Style to use @external CSS class names soyou can style them with an external CSS stylesheet. -- Marco -- 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.
Celltable Css
Hello i'm needing help about the possibility to style cellTable using a css declared in this way in the host page: link type=text/css rel=stylesheet href=Global.css I'm trying to assign css in setstyle..but without result. Any help is appreciate -- Marco -- 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.
Re: Celltable Css
Not sure if declaring styles in html file will work, but the standard approach where you pass resources to the cell table constructor works. http://code.google.com/webtoolkit/doc/latest/DevGuideUiBinder.html#Using_an_external_resource http://google-web-toolkit.googlecode.com/svn/javadoc/2.1/com/google/gwt/user/cellview/client/CellTable.html#CellTable(int, com.google.gwt.user.cellview.client.CellTable.Resources) -- 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.
Re: Celltable Css
It' so strange. In this way i cant handle multiple css.. On Mon, Mar 21, 2011 at 5:40 PM, Y2i yur...@gmail.com wrote: Not sure if declaring styles in html file will work, but the standard approach where you pass resources to the cell table constructor works. http://code.google.com/webtoolkit/doc/latest/DevGuideUiBinder.html#Using_an_external_resource http://google-web-toolkit.googlecode.com/svn/javadoc/2.1/com/google/gwt/user/cellview/client/CellTable.html#CellTable(int, com.google.gwt.user.cellview.client.CellTable.Resources) -- 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. -- Marco -- 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.
Re: Celltable Css
On Monday, March 21, 2011 8:24:05 PM UTC+1, gadaleta.marco wrote: It' so strange. In this way i cant handle multiple css.. Yes you can. You can have several CellTable.Resources/Style instances, and you can also define your CellTable.Style to use @external CSS class names soyou can style them with an external CSS stylesheet. -- 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.
Re: How to override CellTable css
thanks to everyone who posted comments here. This has really helped me as well as I had problem styling the CellList. The same pattern works there as well. -- 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.
Re: How to override CellTable css
Great Thread. Thanks to the contributors. Makes me wonder if there are (other than Google) templates available out there for GWT? On Jan 27, 5:04 pm, mike b mbaker.t...@gmail.com wrote: thanks to everyone who posted comments here. This has really helped me as well as I had problem styling the CellList. The same pattern works there as well. -- 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.
how to edit celltable css..
sorry,, I can't write english.. I use cellable and apply callTable.css. 1.. load css.. public interface CellTableResource extends CellTable.Resources { public interface CellTableStyle extends CellTable.Style { }; @Source({CellTable.css}) CellTableStyle cellTableStyle(); }; 2. addstyle to celltable CellTableResource resource = GWT.create(CellTableResource.class); CellTable table = new CellTableWPlayer(50, resource); /// work.. 3. eidt CellTable.css -- append .testCSS{ background-color: red; } table.addColumnStyleName(1, testCSS); error . // error messge : Rebinding com.rontab.comp.CellTableResource next... public interface CellTableResource extends CellTable.Resources { public interface CellTableStyle extends CellTable.Style { String testCSS(); --- append }; @Source({CellTable.css}) CellTableStyle cellTableStyle(); }; // no error message // but css not work help me.. same problem : http://www.devcomments.com/GWT-2-1-CELL-TABLE-at1072804.htm -- 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.
Re: How to override CellTable css
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); CellTablePropertyLight table = new CellTablePropertyLight(10,resource); as Marcin suggests. On Sun, Nov 28, 2010 at 11:34 AM, Marcin Misiewicz misq...@gmail.comwrote: 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: #ff; } .cellTableEvenRowCell { border: selectionBorderWidth solid #ff; } .cellTableOddRow { background:#f3f7fb; } .cellTableOddRowCell { border: selectionBorderWidth solid #f3f7fb; } .cellTableHoveredRow { background: #cc; } .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:/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.comgoogle-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
Re: How to override CellTable css
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: #ff; } .cellTableEvenRowCell { border: selectionBorderWidth solid #ff; } .cellTableOddRow { background:#f3f7fb; } .cellTableOddRowCell { border: selectionBorderWidth solid #f3f7fb; } .cellTableHoveredRow { background: #cc; } .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:/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.
Re: How to override CellTable css
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: #ff; } .cellTableEvenRowCell { border: selectionBorderWidth solid #ff; } .cellTableOddRow { background:#f3f7fb; } .cellTableOddRowCell { border: selectionBorderWidth solid #f3f7fb; } .cellTableHoveredRow { background: #cc; } .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:/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.
Re: How to override CellTable css
That is correct, you also need the following: CellTableResource resource = GWT.create(CellTableResource.class); CellTablePropertyLight table = new CellTablePropertyLight(10,resource); as Marcin suggests. On Sun, Nov 28, 2010 at 11:34 AM, Marcin Misiewicz misq...@gmail.comwrote: 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: #ff; } .cellTableEvenRowCell { border: selectionBorderWidth solid #ff; } .cellTableOddRow { background:#f3f7fb; } .cellTableOddRowCell { border: selectionBorderWidth solid #f3f7fb; } .cellTableHoveredRow { background: #cc; } .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:/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.comgoogle-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.
How to override CellTable css
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 from http://127.0.0.1:/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.
CellTable CSS Styling Not Possible?
I've posted a few questions regarding CellTable and CSS styling but none have been answered. I've looked at the /com/google/gwt/user/theme/standard/public/gwt/standard/standard.css file (I am using the standard theme) but I cannot find selectors that seems related to CellTable. The google docs for CellTable do not indicate the CSS selectors that CellTable uses. Am I to conclude then that it is not possible to style a CellTable using CSS? -- *Jeff Schwartz* -- 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.
Re: CellTable CSS Styling Not Possible?
Am I to conclude then that it is not possible to style a CellTable using CSS? http://google-web-toolkit.googlecode.com/svn/javadoc/2.1/com/google/gwt/user/cellview/client/CellTable.Resources.html http://google-web-toolkit.googlecode.com/svn/javadoc/2.1/com/google/gwt/user/cellview/client/CellTable.Style.html Also see the archives: http://groups.google.com/group/google-web-toolkit/browse_thread/thread/407179e3423c8acd/5be8aed570ca6dd0?lnk=gstq=celltable+style#5be8aed570ca6dd0 https://groups.google.com/group/google-web-toolkit/msg/e31641467b402dd9?hl=fr - Stephen -- 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.
Re: CellTable CSS Styling Not Possible?
Thanks, Stephen, but I am actually trying to find the names of the CSS selectors currently used by CellTable so that I can override them in my application's CSS files and/or in my uibinder xml files. Perhaps you're saying that it isn't possible to apply CSS styling to CellTables without having to implement an interface and/or override methods to do this and if that is the case then IMO CellTable's implementation is horribly flawed and needs to be rewritten so that they can be styled just like any other widget. But, of course, I am hoping that this isn't what you are implying. Does anyone know if a pure CSS solution can be used to apply styling to a CellTable? Thanks in advance. Jeff On Mon, Nov 22, 2010 at 9:27 AM, Stephen Haberman stephen.haber...@gmail.com wrote: Am I to conclude then that it is not possible to style a CellTable using CSS? http://google-web-toolkit.googlecode.com/svn/javadoc/2.1/com/google/gwt/user/cellview/client/CellTable.Resources.html http://google-web-toolkit.googlecode.com/svn/javadoc/2.1/com/google/gwt/user/cellview/client/CellTable.Style.html Also see the archives: http://groups.google.com/group/google-web-toolkit/browse_thread/thread/407179e3423c8acd/5be8aed570ca6dd0?lnk=gstq=celltable+style#5be8aed570ca6dd0 https://groups.google.com/group/google-web-toolkit/msg/e31641467b402dd9?hl=fr - Stephen -- 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.comgoogle-web-toolkit%2bunsubscr...@googlegroups.com . For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en. -- *Jeff Schwartz* -- 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.
Re: CellTable CSS Styling Not Possible?
Thanks, Stephen, but I am actually trying to find the names of the CSS selectors currently used by CellTable so that I can override them in my application's CSS files and/or in my uibinder xml files. As Qian said, the css names are in the interface. See the ClientBundle docs: http://code.google.com/webtoolkit/doc/latest/DevGuideClientBundle.html CellTable does not have .gwt-CellTable-foo style class names like the old widgets do. This is because .gwt-foo style class names a) cannot be minified and b) pollute the global css namespace (so you cannot style the same widget in two different ways without using descendent selectors). Using ClientBundle fixes both of these and, I assume, will what new GWT widgets use for styling going forward. - Stephen -- 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.
Re: CellTable CSS Styling Not Possible?
Joe, Stephen, thanks. I understand and will apply this to styling my CellTable instances. I gather this is also true for SimplePager (I need to set the td element which hosts the last page icon to be right aligned)? Thanks again. Jeff On Mon, Nov 22, 2010 at 10:07 AM, Stephen Haberman stephen.haber...@gmail.com wrote: Thanks, Stephen, but I am actually trying to find the names of the CSS selectors currently used by CellTable so that I can override them in my application's CSS files and/or in my uibinder xml files. As Qian said, the css names are in the interface. See the ClientBundle docs: http://code.google.com/webtoolkit/doc/latest/DevGuideClientBundle.html CellTable does not have .gwt-CellTable-foo style class names like the old widgets do. This is because .gwt-foo style class names a) cannot be minified and b) pollute the global css namespace (so you cannot style the same widget in two different ways without using descendent selectors). Using ClientBundle fixes both of these and, I assume, will what new GWT widgets use for styling going forward. - Stephen -- 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.comgoogle-web-toolkit%2bunsubscr...@googlegroups.com . For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en. -- *Jeff Schwartz* -- 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.