Use Default StyleSheet

 

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();
  }
}
//Your.css
.gwt-DialogBox {
  border: 2px outset;
  background-color: white;
}


//GWTClient.gwt.xml
<module>
  <inherits name="com.google.gwt.user.User"/>
  <entry-point class="com.java2s.gwt.client.GWTClient"/>
  <stylesheet src='your.css'/>
</module>

GWT-useDefaultStyleSheet.zip( 8 k)

Related examples in the same category

1.	Link control with CSS
2.	Returns a List of Element objects that have the specified CSS class name
3.	Change label border with CSS (Smart GWT)

Use Default StyleSheet : CSS « GWT « Java

Related examples in the same category