Example usage for com.google.gwt.user.client.ui HTMLPanel subclass-usage

List of usage examples for com.google.gwt.user.client.ui HTMLPanel subclass-usage

Introduction

In this page you can find the example usage for com.google.gwt.user.client.ui HTMLPanel subclass-usage.

Usage

From source file com.google.appinventor.client.jsdesigner.JSDesignerPanel.java

public class JSDesignerPanel extends HTMLPanel {
    private FileEditor fileEditor;

    public JSDesignerPanel() throws Exception {
        super("<!DOCTYPE html><html lang=\"en\">  <head>    <meta charset=\"utf-8\">    <title>Editor</title>    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\">    <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css\" integrity=\"sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ\" crossorigin=\"anonymous\">    <link rel=\"stylesheet\" href=\"css/editor.css\">  </head>  <body>    <div class=\"container-fluid\" id=\"container\">      <div class=\"row\" id=\"container-row\">        <div class=\"col-2\" id=\"left-panel\">          <div class=\"wide-button wide-inactive\" id=\"box\">           Box          </div>          <div class=\"wide-button wide-inactive\" id=\"cone\">           Cone          </div>          <div class=\"wide-button wide-inactive\" id=\"cylinder\">           Cylinder          </div>          <div class=\"wide-button wide-inactive\" id=\"dodecahedron\">           Dodecahedron          </div>          <div class=\"wide-button wide-inactive\" id=\"icosahedron\">           Icosahedron          </div>          <div class=\"wide-button wide-inactive\" id=\"octahedron\">           Octahedron          </div>          <div class=\"wide-button wide-inactive\" id=\"sphere\">           Sphere          </div>          <div class=\"wide-button wide-inactive\" id=\"tetrahedron\">           Tetrahedron          </div>          <hr>          <div class=\"wide-button wide-inactive\" id=\"ambient\">            Ambient Light          </div>          <div class=\"wide-button wide-inactive\" id=\"directional\">            Directional Light          </div>          <div class=\"wide-button wide-inactive\" id=\"hemisphere\">            Hemisphere Light          </div>          <div class=\"wide-button wide-inactive\" id=\"point\">            Point Light          </div>          <div class=\"wide-button wide-inactive\" id=\"spot\">            Spot Light          </div>          <hr>          <div class=\"parameter-label-large\">           World          </div>          <div class=\"parameter-label\">           Gravity          </div>          <div class=\"row parameter-row\">           <div class=\"col-4 parameter-item\">             <input class=\"input-text parameter-box\" id=\"gravity-x\" type=\"number\" value=\"0.000\" step=\"0.001\">           </div>           <div class=\"col-4 parameter-item\">             <input class=\"input-text parameter-box\" id=\"gravity-y\" type=\"number\" value=\"-98.000\" step=\"0.001\">           </div>           <div class=\"col-4 parameter-item\">             <input class=\"input-text parameter-box\" id=\"gravity-z\" type=\"number\" value=\"0.000\" step=\"0.001\">           </div>          </div>          <div class=\"parameter-label\">           Camera          </div>          <div class=\"row parameter-row\">           <div class=\"col-4 parameter-item\">             <input class=\"input-text parameter-box\" id=\"camera-x\" type=\"number\" value=\"20.000\" step=\"0.001\">           </div>           <div class=\"col-4 parameter-item\">             <input class=\"input-text parameter-box\" id=\"camera-y\" type=\"number\" value=\"20.000\" step=\"0.001\">           </div>           <div class=\"col-4 parameter-item\">             <input class=\"input-text parameter-box\" id=\"camera-z\" type=\"number\" value=\"10.000\" step=\"0.001\">           </div>          </div>          <div class=\"parameter-label\">           Background          </div>          <div class=\"parameter-row\">           <input class=\"input-text parameter-box\" id=\"background\" type=\"text\">          </div>          <div class=\"wide-button wide-inactive\" id=\"labels\">           Labels          </div>          <div class=\"wide-button wide-inactive\" id=\"shadows\">            Shadows Disabled          </div>        </div>        <div class=\"col-8\" id=\"editor-panel\">          <div id=\"editor\">          </div>          <div id=\"controls-left\">           <div class=\"control-button control-button-left control-inactive\" id=\"vr\">             VR           </div>           <div class=\"control-button control-button-left control-active\" id=\"translate\">             Translate           </div>           <div class=\"control-button control-button-left control-inactive\" id=\"rotate\">             Rotate           </div>           <div class=\"control-button control-button-left control-inactive\" id=\"scale\">             Scale           </div>           <div class=\"control-button control-button-left control-inactive\" id=\"duplicate\">             Duplicate           </div>           <div class=\"control-button control-button-left control-inactive\" id=\"import\">             Import           </div>           <input type=\"file\" id=\"import-json\">           <div class=\"control-button control-button-left control-inactive\" id=\"export\">             Export           </div>          </div>          <div id=\"controls-right\">           <div class=\"control-button control-button-right control-inactive\" id=\"delete\">             Delete           </div>           <div class=\"control-button control-button-right control-inactive\" id=\"clear\">             Clear           </div>          </div>        </div>        <div class=\"col-2\" id=\"right-panel\">          <div class=\"parameter-tabs\">            <div class=\"parameter-label-tab objects-tab-active\" id=\"objects-tab\">              Objects            </div>            <div class=\"tab-divider\">            </div>            <div class=\"parameter-label-tab lights-tab-inactive\" id=\"lights-tab\">              Lights            </div>          </div>          <div id=\"objects-tab-body\">            <div id=\"object-list\">            </div>            <div id=\"parameter-wrapper-1\">              <hr>              <div class=\"parameter-label\">                Position              </div>              <div class=\"row parameter-row\">                <div class=\"col-4 parameter-item\">                  <input class=\"input-text parameter-box\" id=\"object-position-x\" type=\"number\" step=\"0.001\">                </div>                <div class=\"col-4 parameter-item\">                  <input class=\"input-text parameter-box\" id=\"object-position-y\" type=\"number\" step=\"0.001\">                </div>                <div class=\"col-4 parameter-item\">                  <input class=\"input-text parameter-box\" id=\"object-position-z\" type=\"number\" step=\"0.001\">                </div>              </div>              <div class=\"parameter-label\">                Rotation              </div>              <div class=\"row parameter-row\">                <div class=\"col-4 parameter-item\">                  <input class=\"input-text parameter-box\" id=\"object-rotation-x\" type=\"number\" step=\"0.001\">                </div>                <div class=\"col-4 parameter-item\">                  <input class=\"input-text parameter-box\" id=\"object-rotation-y\" type=\"number\" step=\"0.001\">                </div>                <div class=\"col-4 parameter-item\">                  <input class=\"input-text parameter-box\" id=\"object-rotation-z\" type=\"number\" step=\"0.001\">                </div>              </div>              <div class=\"parameter-label\">                Scale              </div>              <div class=\"row parameter-row\">                <div class=\"col-4 parameter-item\">                  <input class=\"input-text parameter-box\" id=\"scale-x\" type=\"number\" step=\"0.001\">                </div>                <div class=\"col-4 parameter-item\">                  <input class=\"input-text parameter-box\" id=\"scale-y\" type=\"number\" step=\"0.001\">                </div>                <div class=\"col-4 parameter-item\">                  <input class=\"input-text parameter-box\" id=\"scale-z\" type=\"number\" step=\"0.001\">                </div>              </div>              <div class=\"parameter-label\">                Color              </div>              <div class=\"parameter-row\">                <input class=\"color\" id=\"object-color\" type=\"color\">              </div>              <div class=\"parameter-label\">                Texture              </div>              <div class=\"parameter-row\">                <input class=\"input-text parameter-box\" id=\"texture\" type=\"text\">              </div>              <div class=\"parameter-label\">                Mass              </div>              <div class=\"row parameter-row\">                <div class=\"col-4 parameter-item\">                  <input class=\"input-text parameter-box\" id=\"mass\" type=\"number\">                </div>              </div>              <hr>            </div>            <div id=\"parameter-wrapper-2\">            </div>            <div id=\"parameter-wrapper-3\">              <hr>              <div class=\"parameter-label\">                Linear Velocity              </div>              <div class=\"row parameter-row\">                <div class=\"col-4 parameter-item\">                  <input class=\"input-text parameter-box\" id=\"linear-velocity-x\" type=\"number\" step=\"0.001\">                </div>                <div class=\"col-4 parameter-item\">                  <input class=\"input-text parameter-box\" id=\"linear-velocity-y\" type=\"number\" step=\"0.001\">                </div>                <div class=\"col-4 parameter-item\">                  <input class=\"input-text parameter-box\" id=\"linear-velocity-z\" type=\"number\" step=\"0.001\">                </div>              </div>              <div class=\"parameter-label\">                Angular Velocity              </div>              <div class=\"row parameter-row\">                <div class=\"col-4 parameter-item\">                  <input class=\"input-text parameter-box\" id=\"angular-velocity-x\" type=\"number\" step=\"0.001\">                </div>                <div class=\"col-4 parameter-item\">                  <input class=\"input-text parameter-box\" id=\"angular-velocity-y\" type=\"number\" step=\"0.001\">                </div>                <div class=\"col-4 parameter-item\">                  <input class=\"input-text parameter-box\" id=\"angular-velocity-z\" type=\"number\" step=\"0.001\">                </div>              </div>            </div>          </div>          <div id=\"lights-tab-body\">            <div id=\"light-list\">            </div>            <div id=\"parameter-wrapper-4\">            </div>          </div>        </div>      </div>    </div>    <div id=\"labels-background\"></div>    <div id=\"labels-modal\">      <div id=\"label-buttons\">        <div class=\"control-button control-inactive\" id=\"add-label\">          Add        </div>        <div class=\"control-button control-inactive\" id=\"delete-label\">          Delete        </div>      </div>      <div id=\"labels-container\">      </div>    </div>     </body></html>");
        ScriptInjector.fromUrl("combined.js").inject();

From source file com.google.code.gwt.crop.client.GWTCropper.java

/**
 * 
 * <h1>GWT Cropper</h1>
 * <p><b>GWT Cropper</b> - widget that allows you to select an area of a picture and get the coordinates of this selection. It is useful, if you want to crop a picture.</p>
 * 
 * <h1>Example</h1>

From source file com.tasktop.c2c.server.tasks.client.widgets.wiki.WikiHTMLPanel.java

/**
 * @author straxus (Tasktop Technologies Inc.)
 * 
 */
public class WikiHTMLPanel extends HTMLPanel {

From source file com.xemantic.tadedon.gwt.user.client.ui.TablePanel.java

/**
 * 
 * <p>
 * Created on Nov 24, 2010
 *
 * @author hshsce

From source file fr.putnami.pwt.core.widget.client.base.AbstractHTMLPanel.java

public abstract class AbstractHTMLPanel extends HTMLPanel
        implements EditorComposite, HasResponsiveVisibility, CloneableWidget {

    protected static final String EMPTY_HTML = "";

    private final Map<Widget, String> children = Maps.newLinkedHashMap();

From source file info.piwai.rockslide.client.ui.Slide.java

public class Slide extends HTMLPanel implements SlidePresentable {

    private String historyId = "Slide";

    protected Element notes;

From source file it.unibo.cs.v2.client.ExportMachineWizard.java

public class ExportMachineWizard extends HTMLPanel implements Wizard, AsyncCallback<LinkedList<MachineInfo>> {
    private GetMachinesAsync getMachinesProxy = (GetMachinesAsync) GWT.create(GetMachines.class);
    private ListBox machinesList = new ListBox();
    private LinkedList<MachineInfo> machines;

    private final DisclosurePanel machineDescription = new DisclosurePanel("Machine's description");

From source file it.unibo.cs.v2.client.LoginPage.java

public class LoginPage extends HTMLPanel implements ClickHandler, KeyDownHandler {
    private TextBox userName = new TextBox();
    private PasswordTextBox password = new PasswordTextBox();
    private Button submitButton = new Button("Login");

    private LoginUserAsync userProxy = (LoginUserAsync) GWT.create(LoginUser.class);

From source file it.unibo.cs.v2.client.MachinePanel.java

public class MachinePanel extends HTMLPanel {
    private final MachineInfo machineInfo;

    // HTML items
    private final HTML descriptionHTML;
    private final HTML basicHTML;

From source file it.unibo.cs.v2.client.MainPage.java

public class MainPage extends HTMLPanel implements ValueChangeHandler<String> {
    private static MainPage instance;
    private final String WELCOME = "<h2>Welcome to Live ShockVM!</h2>"
            + "This is the main interface of <b>Live ShockVM</b>, use the left panel to create a new machine or to start up"
            + " the machines you've already created. The left panel is divided into three menus: the one with your name is the main menu, where you can create "
            + "a new machine; the second one is a short brief of the machines you already own while the latter one displays the MOTD of Live ShockVM.";