Databases
StackOverflow2013
Postsdbo
POProblems with GWT panel types
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POProblems with GWT panel types
    text
    copied!<p>thanks in advance for your help. </p> <p>I'm currently trying to create a w3c standards compliant HTML/CSS interface for a GWT app, much of this rests on using the right types of panel in the right place rather than using nested horizontal and vertical panels which write out tables in the UI. </p> <p>I'm a total n00b at GWT and cannot figure out why replacing the top Vertical Panel in the code below causes the app to stop working. Any UI coding resources, advice of any kind would be very much appreciated.</p> <pre><code>&lt;g:VerticalPanel&gt; &lt;g:FormPanel ui:field="loginFormPanel" action="/cms/j_acegi_security_check.rpc" &gt; &lt;g:HTMLPanel&gt; &lt;g:Label ui:field="signinLabel" styleName="{style.signinStyle}"&gt; &lt;ui:msg key="signInText"&gt;Welcome to Perform CMS&lt;/ui:msg&gt; &lt;/g:Label&gt; &lt;g:Label ui:field="emailLabel" styleName="{style.loginFontStyle}"&gt; &lt;ui:msg key="emailAddress"&gt;Email adress&lt;/ui:msg&gt; address &lt;/g:Label&gt; &lt;g:TextBox ui:field="email" name="j_username" styleName="{style.loginTextBoxStyle}"/&gt; &lt;g:Label styleName="{style.fontStyle}" ui:field="usernameError"/&gt; &lt;g:Label ui:field="passwordLabel" styleName="{style.loginFontStyle}"&gt; &lt;ui:msg key="password"&gt;Password&lt;/ui:msg&gt; &lt;/g:Label&gt; &lt;g:PasswordTextBox ui:field="password" name="j_password" styleName="{style.loginTextBoxStyle}"/&gt; &lt;g:Label styleName="{style.fontStyle}" ui:field="passwordError"/&gt; &lt;g:HTMLPanel ui:field="submitPanel"&gt; &lt;g:HTMLPanel ui:field="submitButtonPanel" styleName="{style.buttonPanelStyle}"&gt; &lt;g:Image url="/cms/images/new_button_search_left.png" styleName="{style.image}"&gt;&lt;/g:Image&gt; &lt;g:Label ui:field="signIn" styleName="{style.submitLabelStyle}"&gt; &lt;ui:msg key="signIn"&gt;Sign in&lt;/ui:msg&gt; &lt;/g:Label&gt; &lt;g:SubmitButton styleName="{style.hide}"&gt;Submit&lt;/g:SubmitButton&gt; &lt;g:Image url="/cms/images/new_button_search_right.png" styleName="{style.image}"&gt;&lt;/g:Image&gt; &lt;/g:HTMLPanel&gt; &lt;/g:HTMLPanel&gt; &lt;g:HTMLPanel ui:field="submitErrorsPanel" styleName="{style.submitErrorPanel}"&gt; &lt;g:Label styleName="{style.fontStyle}" ui:field="submitErrorMessages"/&gt; &lt;/g:HTMLPanel&gt; &lt;/g:HTMLPanel&gt; &lt;/g:FormPanel&gt; &lt;g:HTMLPanel ui:field="loginSuccessPanel" styleName="{style.hide}"&gt; &lt;g:Label styleName="{style.fontStyle}" ui:field="loginSuccessMessageLabel"/&gt; &lt;/g:HTMLPanel&gt; &lt;/g:VerticalPanel&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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