title: How to have fixed position panel in GWT?
body: <p>I have one big SimpleLayoutPanel which is located in RootLayoutPanel.get() and this is a constraint.</p>
  
  <p>Now I want to place some extra panel and want it have position:fixed within browser screen. Is it possible?</p>
  
  <p>I can set this style neither with setStyleName()/CSS, nor with DOM.setStyleAttribute(). In both cases my style is overrining by GWT's</p>
  
  <p>Thanks</p>
  
  <p><strong>the code I succeeded</strong></p>
  
  <p>I used both root panels simultaneously</p>
  
  <pre><code>public void onModuleLoad() {
  
      SimpleLayoutPanel simpleLayoutPanel = new SimpleLayoutPanel();
      simpleLayoutPanel.setStyleName("SimpleLayoutPanel");
  
      DOM.setStyleAttribute(simpleLayoutPanel.getElement(), "backgroundColor", "blue");
  
      RootLayoutPanel rootLayoutPanel = RootLayoutPanel.get();
      rootLayoutPanel.add(simpleLayoutPanel);
  
      LayoutPanel layoutPanel = new LayoutPanel();
      layoutPanel.setStyleName("LayoutPanel");
      DOM.setStyleAttribute(layoutPanel.getElement(), "position", "fixed");
      DOM.setStyleAttribute(layoutPanel.getElement(), "bottom", "0px");
      DOM.setStyleAttribute(layoutPanel.getElement(), "height", "100px");
      DOM.setStyleAttribute(layoutPanel.getElement(), "width", "100px");
      DOM.setStyleAttribute(layoutPanel.getElement(), "backgroundColor", "red");
  
      RootPanel rootPanel = RootPanel.get();
      rootPanel.add(layoutPanel);
  
  
  }
  </code></pre>