Expand or collapse the text box (Smart GWT) : Form « GWT « Java






Expand or collapse the text box (Smart GWT)

Expand or collapse the text box (Smart GWT)
   
/*
 * SmartGWT (GWT for SmartClient)
 * Copyright 2008 and beyond, Isomorphic Software, Inc.
 *
 * SmartGWT is free software; you can redistribute it and/or modify it
 * under the terms of the GNU Lesser General Public License version 3
 * as published by the Free Software Foundation.  SmartGWT is also
 * available under typical commercial license terms - see
 * http://smartclient.com/license
 * This software is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 */

package com.smartgwt.sample.showcase.client;


import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;
import com.smartgwt.client.types.Overflow;
import com.smartgwt.client.widgets.Canvas;
import com.smartgwt.client.widgets.HTMLFlow;
import com.smartgwt.client.widgets.IButton;
import com.smartgwt.client.widgets.events.ClickEvent;
import com.smartgwt.client.widgets.events.ClickHandler;

public class Showcase implements EntryPoint{

    public void onModuleLoad() {
       RootPanel.get().add(getViewPanel());
    }
    public Canvas getViewPanel() {
      Canvas canvas = new Canvas();

      final HTMLFlow htmlFlow = new HTMLFlow();
      htmlFlow.setHeight(45);
      htmlFlow.setWidth(75);
      htmlFlow.setTop(50);
      htmlFlow.setOverflow(Overflow.HIDDEN);
      htmlFlow.setStyleName("exampleTextBlock");
      htmlFlow.setShowEdges(true);

      String contents = "<span class='exampleDropTitle'>Ajax&nbsp;&nbsp;</span> <b>A</b>synchronous <b>J</b>avaScript " +
              "<b>A</b>nd <b>X</b>ML (AJAX) is a Web development technique for creating interactive <b>web applications</b>. " +
              "The intent is to make web pages feel more responsive by exchanging small amounts of data with the server behind" +
              " the scenes, so that the entire Web page does not have to be reloaded each time the user makes a change. " +
              "This is meant to increase the Web page's <b>interactivity</b>, <b>speed</b>, and <b>usability</b>. " +
              "(Source: <a href='http://www.wikipedia.org' title='Wikipedia' target='_blank'>Wikipedia</a>)";
      htmlFlow.setContents(contents);

      IButton expandButton = new IButton("Expand");
      expandButton.addClickHandler(new ClickHandler() {
          public void onClick(ClickEvent event) {
              htmlFlow.resizeBy(235, 150);
          }
      });

      IButton collapseButton = new IButton("Collapse");
      collapseButton.setLeft(120);
      collapseButton.addClickHandler(new ClickHandler() {
          public void onClick(ClickEvent event) {
              htmlFlow.resizeTo(75, 45);
          }
      });

      canvas.addChild(expandButton);
      canvas.addChild(collapseButton);
      canvas.addChild(htmlFlow);
      return canvas;

  }

}

   
    
    
  








SmartGWT.zip( 9,880 k)

Related examples in the same category

1.Adding border line to a form (Smart GWT)Adding border line to a form (Smart GWT)
2.Forms are split for layout (Smart GWT)Forms are split for layout (Smart GWT)
3.Form validation for splitted form (Smart GWT)
4.Drag resize the form from the right edge (Smart GWT)Drag resize the form from the right edge (Smart GWT)
5.Form data validation (Smart GWT)Form data validation (Smart GWT)
6.Form data binding (Smart GWT)Form data binding (Smart GWT)
7.Form Filling Layout Sample (Smart GWT)Form Filling Layout Sample (Smart GWT)
8.Set form width (Smart GWT)Set form width (Smart GWT)
9.Change title Orientation (Smart GWT)Change title Orientation (Smart GWT)
10.Form controls Show/Hide Sample (Smart GWT)Form controls Show/Hide Sample (Smart GWT)
11.Form control Enable/Disable Sample (Smart GWT)Form control Enable/Disable Sample (Smart GWT)
12.Form Dependent Selects Sample (Smart GWT)Form Dependent Selects Sample (Smart GWT)
13.Add fields to a form with setFields (Smart GWT)Add fields to a form with setFields (Smart GWT)
14.Form Data bound Dependent Selects Sample (Smart GWT)Form Data bound Dependent Selects Sample (Smart GWT)
15.Link the table and form fields (Smart GWT)Link the table and form fields (Smart GWT)
16.Using FormPanel to layout fields (Ext GWT)Using FormPanel to layout fields (Ext GWT)
17.Two-column form (Ext GWT)Two-column form (Ext GWT)
18.Collapsible FieldSet (Ext GWT)Collapsible FieldSet (Ext GWT)
19.CheckBox toggling FieldSet (Ext GWT)CheckBox toggling FieldSet (Ext GWT)
20.Support for standard Panel features such as framing, buttons and toolbars (Ext GWT)Support for standard Panel features such as framing, buttons and toolbars (Ext GWT)
21.ContentPanel with buttons (Ext GWT)ContentPanel with buttons (Ext GWT)
22.Make ContentPanel Collapsible (Ext GWT)Make ContentPanel Collapsible (Ext GWT)
23.Set busy status for Status control (Ext GWT)Set busy status for Status control (Ext GWT)