Create Custom Dialog : Dialog « GWT « Java






Create Custom Dialog

  
package com.java2s.gwt.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.ClickListener;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.Widget;
import com.google.gwt.user.client.ui.DialogBox;
import com.google.gwt.user.client.ui.DockPanel;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.Image;

public class GWTClient implements EntryPoint {

  public void onModuleLoad() {
    Button b = new Button("Click me", new ClickListener() {
      public void onClick(Widget sender) {
         DialogBox dlg = new MyDialog();
         dlg.center();
      }
    });

    RootPanel.get().add(b);
  }
}

class MyDialog extends DialogBox implements ClickListener {
  public MyDialog() {
    setText("Sample DialogBox");

    Button closeButton = new Button("Close", this);
    HTML msg = new HTML("<center>A standard dialog box component.</center>",true);

    DockPanel dock = new DockPanel();
    dock.setSpacing(4);

    dock.add(closeButton, DockPanel.SOUTH);
    dock.add(msg, DockPanel.NORTH);
    dock.add(new Image("images/yourImage.jpg"), DockPanel.CENTER);

    dock.setCellHorizontalAlignment(closeButton, DockPanel.ALIGN_RIGHT);
    dock.setWidth("100%");
    setWidget(dock);
  }

  public void onClick(Widget sender) {
    hide();
  }
}
///////////
.gwt-DialogBox {
  border: 2px outset;
  background-color: white;
}


           
         
    
  








GWT-createCustomDialog.zip( 8 k)

Related examples in the same category

1.Add label to a window (Smart GWT)Add label to a window (Smart GWT)
2.Add Footer to a window (Smart GWT)Add Footer to a window (Smart GWT)
3.Adding controls to window header (Smart GWT)Adding controls to window header (Smart GWT)
4.Minimizing a window (Smart GWT)Minimizing a window (Smart GWT)
5.Modal window with controls (Smart GWT)Modal window with controls (Smart GWT)
6.Mormal window vs auto-resizing window (Smart GWT)Mormal window vs auto-resizing window (Smart GWT)
7.Draggable window (Smart GWT)Draggable window (Smart GWT)
8.Put complex control onto a dialog (Smart GWT)Put complex control onto a dialog (Smart GWT)
9.Confirmation dialog (Smart GWT)Confirmation dialog (Smart GWT)
10.Expandable dialog with expandable panel (Smart GWT)Expandable dialog with expandable panel (Smart GWT)
11.A custom form control implemented as a picker (Smart GWT)A custom form control implemented as a picker (Smart GWT)
12.Adding accordion panel to a window (Ext GWT)Adding accordion panel to a window (Ext GWT)
13.Alert MessageBox (Ext GWT)Alert MessageBox (Ext GWT)
14.Confirmation MessageBox (Ext GWT)Confirmation MessageBox (Ext GWT)
15.Prompt MessageBox (Ext GWT)Prompt MessageBox (Ext GWT)
16.Adding callback listener to MessageBox (Ext GWT)Adding callback listener to MessageBox (Ext GWT)
17.Multi-line prompt MessageBox (Ext GWT)Multi-line prompt MessageBox (Ext GWT)
18.Configure the MessageBox (Ext GWT)Configure the MessageBox (Ext GWT)
19.Progress Bar dialog box (Ext GWT)Progress Bar dialog box (Ext GWT)
20.Timer based dialog box (Ext GWT)Timer based dialog box (Ext GWT)
21.Put TabPanel to Window to create a dialog (Ext GWT)Put TabPanel to Window to create a dialog (Ext GWT)
22.Simple dialog with text area and two buttons (Ext GWT)Simple dialog with text area and two buttons (Ext GWT)
23.Dialog with layout (Ext GWT)Dialog with layout (Ext GWT)
24.Create a popup window with Window class (Ext GWT)Create a popup window with Window class (Ext GWT)
25.Login dialog (Ext GWT)Login dialog (Ext GWT)