Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>with UiBinder tool, you can design fastly what you wish :</p> <p>`</p> <pre><code>&lt;g:HTMLPanel&gt; &lt;g:VerticalPanel&gt; &lt;g:HorizontalPanel&gt; &lt;g:TextBox/&gt; &lt;g:PushButton text="V" ui:field="pushButton"/&gt; &lt;g:PushButton text="Search"/&gt; &lt;/g:HorizontalPanel&gt; &lt;g:VerticalPanel ui:field="optionsPanel"&gt; &lt;g:HorizontalPanel&gt; &lt;g:Label text="Foo"/&gt; &lt;g:TextBox/&gt; &lt;/g:HorizontalPanel&gt; &lt;g:HorizontalPanel&gt; &lt;g:Label text="Bar"/&gt; &lt;g:TextBox/&gt; &lt;/g:HorizontalPanel&gt; &lt;/g:VerticalPanel&gt; &lt;/g:VerticalPanel&gt; &lt;/g:HTMLPanel&gt; </code></pre> <p> `</p> <p>and ` package yde.dev.client;</p> <p>import com.google.gwt.core.client.GWT; import com.google.gwt.uibinder.client.UiBinder; import com.google.gwt.user.client.ui.Composite; import com.google.gwt.user.client.ui.Widget; import com.google.gwt.uibinder.client.UiField; import com.google.gwt.user.client.ui.VerticalPanel; import com.google.gwt.user.client.ui.PushButton; import com.google.gwt.uibinder.client.UiHandler; import com.google.gwt.event.dom.client.ClickEvent;</p> <p>public class SearchLikeGmail extends Composite {</p> <pre><code>private static SearchLikeGmailUiBinder uiBinder = GWT .create(SearchLikeGmailUiBinder.class); @UiField VerticalPanel optionsPanel; @UiField PushButton moreOptionsBttn; interface SearchLikeGmailUiBinder extends UiBinder&lt;Widget, SearchLikeGmail&gt; { } public SearchLikeGmail() { initWidget(uiBinder.createAndBindUi(this)); optionsPanel.setVisible( false ); } @UiHandler("moreOptionsBttn") void onMoreOptionsBttnClick(ClickEvent event) { optionsPanel.setVisible( true ); } </code></pre> <p>} `</p>
 

Querying!

 
Guidance

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