Re: DockLayoutPanel Sample Code No Style Issue
I'm really surprised no one else has chimed in on this. I was thinking it should be just as simple as a missing CSS. Any suggestions are greatly appreciated. -m On May 21, 11:42 am, Matt ima...@gmail.com wrote: Yep, I have !doctype html at the top of my html file.. On May 21, 11:40 am, kozura koz...@gmail.com wrote: You have !DOCTYPE html at the top of your HTML file to set the browser to standards mode? On May 21, 10:01 am, Matt ima...@gmail.com wrote: I tried the DockLayoutCode which is presented in the Javadoc:http://google-web-toolkit.googlecode.com/svn/javadoc/2.0/com/google/g... DockLayoutPanel p = new DockLayoutPanel(Unit.EM); p.addNorth(new HTML(header), 2); p.addSouth(new HTML(footer), 2); p.addWest(new HTML(navigation), 10); p.add(new HTML(some content)); // I added this: RootLayoutPanel.get().add(p); All this code was obviously placed inside the onModuleLoad substituting the sample Eclipse startup code when you create a new GWT app. The output looked nothing like what was presented on DockLayoutPanel in the Developer's Guide:http://code.google.com/webtoolkit/doc/latest/DevGuideUiPanels.html Am I missing a css or something else really simple? Thanks! -m -- 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 athttp://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 athttp://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.
DockLayoutPanel Sample Code No Style Issue
I tried the DockLayoutCode which is presented in the Javadoc: http://google-web-toolkit.googlecode.com/svn/javadoc/2.0/com/google/gwt/user/client/ui/DockLayoutPanel.html DockLayoutPanel p = new DockLayoutPanel(Unit.EM); p.addNorth(new HTML(header), 2); p.addSouth(new HTML(footer), 2); p.addWest(new HTML(navigation), 10); p.add(new HTML(some content)); // I added this: RootLayoutPanel.get().add(p); All this code was obviously placed inside the onModuleLoad substituting the sample Eclipse startup code when you create a new GWT app. The output looked nothing like what was presented on DockLayoutPanel in the Developer's Guide: http://code.google.com/webtoolkit/doc/latest/DevGuideUiPanels.html Am I missing a css or something else really simple? Thanks! -m -- 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: DockLayoutPanel Sample Code No Style Issue
You have !DOCTYPE html at the top of your HTML file to set the browser to standards mode? On May 21, 10:01 am, Matt ima...@gmail.com wrote: I tried the DockLayoutCode which is presented in the Javadoc:http://google-web-toolkit.googlecode.com/svn/javadoc/2.0/com/google/g... DockLayoutPanel p = new DockLayoutPanel(Unit.EM); p.addNorth(new HTML(header), 2); p.addSouth(new HTML(footer), 2); p.addWest(new HTML(navigation), 10); p.add(new HTML(some content)); // I added this: RootLayoutPanel.get().add(p); All this code was obviously placed inside the onModuleLoad substituting the sample Eclipse startup code when you create a new GWT app. The output looked nothing like what was presented on DockLayoutPanel in the Developer's Guide:http://code.google.com/webtoolkit/doc/latest/DevGuideUiPanels.html Am I missing a css or something else really simple? Thanks! -m -- 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: DockLayoutPanel Sample Code No Style Issue
Yep, I have !doctype html at the top of my html file.. On May 21, 11:40 am, kozura koz...@gmail.com wrote: You have !DOCTYPE html at the top of your HTML file to set the browser to standards mode? On May 21, 10:01 am, Matt ima...@gmail.com wrote: I tried the DockLayoutCode which is presented in the Javadoc:http://google-web-toolkit.googlecode.com/svn/javadoc/2.0/com/google/g... DockLayoutPanel p = new DockLayoutPanel(Unit.EM); p.addNorth(new HTML(header), 2); p.addSouth(new HTML(footer), 2); p.addWest(new HTML(navigation), 10); p.add(new HTML(some content)); // I added this: RootLayoutPanel.get().add(p); All this code was obviously placed inside the onModuleLoad substituting the sample Eclipse startup code when you create a new GWT app. The output looked nothing like what was presented on DockLayoutPanel in the Developer's Guide:http://code.google.com/webtoolkit/doc/latest/DevGuideUiPanels.html Am I missing a css or something else really simple? Thanks! -m -- 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 athttp://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.
Re: DockLayoutPanel sample code
The most frustrating is that all this CSS invention seems so obvious to everybody else!! ;D -- 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: DockLayoutPanel sample code
If you are using the new layout panels, you should be using standards mode and not quirks mode. On Jan 13, 4:48 am, Stine Søndergaard stinespl...@gmail.com wrote: The most frustrating is that all this CSS invention seems so obvious to everybody else!! ;D -- 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: DockLayoutPanel sample code
Yup, I read that somewhere, thanks :) I have included a... !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; But that really does not help me with all the styling! :8 To style for instance a TabLayoutPanel I only find a subset of the relevant style classes in the JavaDoc don't I? What about the styling of a selected versus an inactive tab for instance?! :/ Anywhere I can find a guide to these things? Or is there no other way to get the necessary information than looking at the HTML behind using my Firefox CSS plugin ? How do you guys do it? :/ I feel like I am styling blind folded! D Thanks, Stine ... almost giving up ;] -- 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: DockLayoutPanel sample code
I have the same problem :( -- 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: DockLayoutPanel sample code
On Tue, Jan 5, 2010 at 9:18 AM, N G nistar...@gmail.com wrote: Hi, I tried the DockLayoutCode which is presented in http://code.google.com/webtoolkit/doc/latest/DevGuideUiPanels.html: DockLayoutPanel p = new DockLayoutPanel(Unit.EM); p.addNorth(new HTML(header), 2); p.addSouth(new HTML(footer), 2); p.addWest(new HTML(navigation), 10); p.add(new HTML(some content)); // I added this: RootLayoutPanel.get().add(p); All this code was obviously placed inside the onModuleLoad substituting the sample Eclipse startup code when you create a new GWT app. The output looked nothing like what was presented on that page. I also tried the SplitLayoutPanel code right below that one. Likewise, the result was nothing that I expected. For one, there were no grab area to drag. I inspected the generated page in Firebug and I can certainly see the grab area there, but I don't see anything to drag. Moving the mouse around that area doesn't change the mouse into a hand and doesn't let me grab the separation, etc... What am I doing wrong here? The new layout system does not include default styles, and the example within the Dev Guide is using CSS that wasn't included. When we get a chance, we'll add it to examples (as a download, or within the doc itself). In the meantime, there is already an issue for this, and you can tracks its progress here: http://code.google.com/p/google-web-toolkit/issues/detail?id=4429 On a similar note... I was surprise to see the Eclipse autogenerate HTML page say that it is in quirks mode and changing to standards mode could have layout consequences (etc.) when the goals of GWT 2.0 clearly state that they only aim to support standards mode. Could someone guide me on this one? I've entered the following issue for this: http://code.google.com/p/google-web-toolkit/issues/detail?id=4480 Thanks, NG. -- 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.
Re: DockLayoutPanel sample code
Looking very much forward to the default styles :) To me the way to even just a sample application seems endless without them... *sigh*... -- 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: DockLayoutPanel sample code
I starred the Issue. I'm very confused as to what the Panel is supposed to be or what the CSS should be. When I add a DockLayoutPanel, I just get a blank page. Every confusing. On Jan 12, 12:59 pm, Stine Søndergaard stinespl...@gmail.com wrote: Looking very much forward to the default styles :) To me the way to even just a sample application seems endless without them... *sigh*... -- 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.
DockLayoutPanel sample code
Hi, I tried the DockLayoutCode which is presented in http://code.google.com/webtoolkit/doc/latest/DevGuideUiPanels.html: DockLayoutPanel p = new DockLayoutPanel(Unit.EM); p.addNorth(new HTML(header), 2); p.addSouth(new HTML(footer), 2); p.addWest(new HTML(navigation), 10); p.add(new HTML(some content)); // I added this: RootLayoutPanel.get().add(p); All this code was obviously placed inside the onModuleLoad substituting the sample Eclipse startup code when you create a new GWT app. The output looked nothing like what was presented on that page. I also tried the SplitLayoutPanel code right below that one. Likewise, the result was nothing that I expected. For one, there were no grab area to drag. I inspected the generated page in Firebug and I can certainly see the grab area there, but I don't see anything to drag. Moving the mouse around that area doesn't change the mouse into a hand and doesn't let me grab the separation, etc... What am I doing wrong here? On a similar note... I was surprise to see the Eclipse autogenerate HTML page say that it is in quirks mode and changing to standards mode could have layout consequences (etc.) when the goals of GWT 2.0 clearly state that they only aim to support standards mode. Could someone guide me on this one? Thanks, NG. -- 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: DockLayoutPanel sample code
Anyone? On Tue, Jan 5, 2010 at 9:18 AM, N G nistar...@gmail.com wrote: Hi, I tried the DockLayoutCode which is presented in http://code.google.com/webtoolkit/doc/latest/DevGuideUiPanels.html: DockLayoutPanel p = new DockLayoutPanel(Unit.EM); p.addNorth(new HTML(header), 2); p.addSouth(new HTML(footer), 2); p.addWest(new HTML(navigation), 10); p.add(new HTML(some content)); // I added this: RootLayoutPanel.get().add(p); All this code was obviously placed inside the onModuleLoad substituting the sample Eclipse startup code when you create a new GWT app. The output looked nothing like what was presented on that page. I also tried the SplitLayoutPanel code right below that one. Likewise, the result was nothing that I expected. For one, there were no grab area to drag. I inspected the generated page in Firebug and I can certainly see the grab area there, but I don't see anything to drag. Moving the mouse around that area doesn't change the mouse into a hand and doesn't let me grab the separation, etc... What am I doing wrong here? On a similar note... I was surprise to see the Eclipse autogenerate HTML page say that it is in quirks mode and changing to standards mode could have layout consequences (etc.) when the goals of GWT 2.0 clearly state that they only aim to support standards mode. Could someone guide me on this one? Thanks, NG. -- Thanks, NG -- 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.
