Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I've just tested the following solution and it looks and works exactly as you described. I used uiBinder, but it is not mandatory to use it. the ui xml code is:</p> <pre><code>&lt;!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent"&gt; &lt;ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder" xmlns:g="urn:import:com.google.gwt.user.client.ui"&gt; &lt;ui:style&gt; .important { font-weight: bold; } .header_bar{ position:absolute; top:0px; left:0px; height: 100px; right:0px; background-color: red; } .left_bar{ position:absolute; top:100px; left:0px; bottom:0px; width: 130px; background-color: green; } .menu_bar{ position:absolute; top:100px; left:130px; height: 30px; right:0px; background-color: yellow; } .content{ position:absolute; top:130px; left:130px; right: 0px; bottom: 0px; } &lt;/ui:style&gt; &lt;g:HTMLPanel&gt; &lt;div class="{style.header_bar}"&gt; &lt;g:FlowPanel ui:field="headerPanel"&gt;&lt;/g:FlowPanel&gt; &lt;/div&gt; &lt;div class="{style.left_bar}"&gt; &lt;g:FlowPanel ui:field="leftPanel"&gt;&lt;/g:FlowPanel&gt; &lt;/div&gt; &lt;div class="{style.menu_bar}"&gt; &lt;g:FlowPanel ui:field="menuPanel"&gt;&lt;/g:FlowPanel&gt; &lt;/div&gt; &lt;div class="{style.content}"&gt; &lt;g:FlowPanel ui:field="contentPanel"&gt;&lt;/g:FlowPanel&gt; &lt;/div&gt; &lt;/g:HTMLPanel&gt; </code></pre> <p> </p> <p>And the java file code is:</p> <pre><code>public class TestLayout extends Composite { private static TestLayoutUiBinder uiBinder = GWT .create(TestLayoutUiBinder.class); interface TestLayoutUiBinder extends UiBinder&lt;Widget, TestLayout&gt; { } public TestLayout() { initWidget(uiBinder.createAndBindUi(this)); headerPanel.add(new Label("Head!")); leftPanel.add(new Label("Left!")); menuPanel.add(new Label("Menu!")); contentPanel.add(new Label("Content!")); } @UiField FlowPanel headerPanel; @UiField FlowPanel leftPanel; @UiField FlowPanel menuPanel; @UiField FlowPanel contentPanel; } </code></pre> <p>I hope I've helped. </p>
    singulars
    1. This table or related slice is empty.
    1. POFull page GWT layout like an usual webpage
      singulars
      1. PTQuestion
    1. PTAnswer
    1. This table or related slice is empty.
    1. USYotam Madem
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POFull page GWT layout like an usual webpage
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COyou are my hero :)
      singulars
      1. PO
      1. USDominic Bartl
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload