title: GWT TabLayoutPanel does not display properly
body: <p>i have to extend a given GWT project (let's call it X) and want to add a window in which i visualize my stuff. Since i'm new to GWT i created a test project and tried to create a TabLayoutPanel. In this test project the TabLayoutPanel is displayed as it should, but in X it is not:</p>
  
  <p><a href="http://abload.de/img/tablayoutpanelc1svz.png" rel="nofollow">http://abload.de/img/tablayoutpanelc1svz.png</a></p>
  
  <p>The code for the TabLayoutPanel is from the GWT tutorial</p>
  
  <p>uiBinder</p>
  
  <pre><code>&lt;!-- HelloWidgetWorld.ui.xml --&gt;
  &lt;ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder' xmlns:g='urn:import:com.google.gwt.user.client.ui'&gt;
  &lt;g:TabLayoutPanel ui:field='tabLayoutPanel' barUnit='EM' barHeight='3'&gt;
      &lt;g:tab&gt;
          &lt;g:header size='7'&gt;&lt;b&gt;HTML&lt;/b&gt; header&lt;/g:header&gt;
          &lt;g:Label&gt;able&lt;/g:Label&gt;
      &lt;/g:tab&gt;
      &lt;g:tab&gt;
          &lt;g:customHeader size='7'&gt;
              &lt;g:Label&gt;Custom header&lt;/g:Label&gt;
          &lt;/g:customHeader&gt;
          &lt;g:Label&gt;baker&lt;/g:Label&gt;
      &lt;/g:tab&gt;
  &lt;/g:TabLayoutPanel&gt;
  &lt;/ui:UiBinder&gt;
  </code></pre>
  
  <p>Java</p>
  
  <pre><code>public class HelloWidgetWorld extends Composite 
  {
      interface IuiBinder extends UiBinder&lt;Widget, HelloWidgetWorld&gt; {}
      private static IuiBinder uiBinder = GWT.create(IuiBinder.class);
  
      @UiField TabLayoutPanel tabLayoutPanel;
  
      public HelloWidgetWorld()
      {
          initWidget(uiBinder.createAndBindUi(this));
      }   
  }
  </code></pre>
  
  <p>The code to use this in my test project is</p>
  
  <pre><code>public class Test implements EntryPoint 
  {
      private Window HelloWidgetWorldWindow;
      public void onModuleLoad() 
      {
          RootLayoutPanel.get().add(new HelloWidgetWorld());
      }
  }
  </code></pre>
  
  <p>By trying to narrow down the problem i finally ended up by using the exact same code in X but still having the problem. So i copied this code into X, so the onModuleLoad() code is the same. I also copied the css and html file from the test project to X, but the panel still looks not as it should.</p>
  
  <p>Since the code is now all the same, it just can be something in other project files or settings?</p>
  
  <p>Spending now 5 hours to get that one fixed without success, i really hope you can help me!</p>
  
  <p>/edit</p>
  
  <p>I'm now trying to rebuild the given project X, starting from a fresh project and then importing code, libs, js, css, *.xml and so on. After each step i check if my minimal example works. Perhaps this way i can track down which component breaks the TabLayoutPanel visualization. I'll update the result here.</p>