Update to ApplicationCreator templates. Review by: scottb git-svn-id: https://google-web-toolkit.googlecode.com/svn/trunk@2890 8db76d5a-ed1c-0410-87a9-c151d255dfc7

diff --git a/user/src/com/google/gwt/user/tools/AppClassTemplate.javasrc b/user/src/com/google/gwt/user/tools/AppClassTemplate.javasrc
index e8c0251..f3ca397 100644
--- a/user/src/com/google/gwt/user/tools/AppClassTemplate.javasrc
+++ b/user/src/com/google/gwt/user/tools/AppClassTemplate.javasrc

@@ -3,8 +3,10 @@
 import com.google.gwt.core.client.EntryPoint;
 import com.google.gwt.user.client.ui.Button;
 import com.google.gwt.user.client.ui.ClickListener;
-import com.google.gwt.user.client.ui.Label;
+import com.google.gwt.user.client.ui.DialogBox;
+import com.google.gwt.user.client.ui.Image;
 import com.google.gwt.user.client.ui.RootPanel;
+import com.google.gwt.user.client.ui.VerticalPanel;
 import com.google.gwt.user.client.ui.Widget;
 
 /**
@@ -16,23 +18,43 @@
    * This is the entry point method.
    */
   public void onModuleLoad() {
-    final Button button = new Button("Click me");
-    final Label label = new Label();
+    Image img = new Image("http://code.google.com/webtoolkit/logo-185x175.gif");
+    Button button = new Button("Click me");
 
-    button.addClickListener(new ClickListener() {
+    VerticalPanel vPanel = new VerticalPanel();
+    // We can add style names.
+    vPanel.addStyleName("widePanel");
+    vPanel.setHorizontalAlignment(VerticalPanel.ALIGN_CENTER);
+    vPanel.add(img);
+    vPanel.add(button);
+
+    // Add image and button to the RootPanel
+    RootPanel.get().add(vPanel);
+
+    // Create the dialog box
+    final DialogBox dialogBox = new DialogBox();
+    dialogBox.setText("Welcome to GWT!");
+    dialogBox.setAnimationEnabled(true);
+    Button closeButton = new Button("close");
+    VerticalPanel dialogVPanel = new VerticalPanel();
+    dialogVPanel.setWidth("100%");
+    dialogVPanel.setHorizontalAlignment(VerticalPanel.ALIGN_CENTER);
+    dialogVPanel.add(closeButton);
+
+    closeButton.addClickListener(new ClickListener() {
       public void onClick(Widget sender) {
-        if (label.getText().equals(""))
-          label.setText("Hello World!");
-        else
-          label.setText("");
+        dialogBox.hide();
       }
     });
 
-    /* Assume that the host HTML has elements defined whose
-     * IDs are "slot1", "slot2". You must be careful to ensure
-     * that all IDs are unique if you use this approach.
-     */
-    RootPanel.get("slot1").add(button);
-    RootPanel.get("slot2").add(label);
+    // Set the contents of the Widget
+    dialogBox.setWidget(dialogVPanel);
+    
+    button.addClickListener(new ClickListener() {
+      public void onClick(Widget sender) {
+        dialogBox.center();
+        dialogBox.show();
+      }
+    });
   }
 }

diff --git a/user/src/com/google/gwt/user/tools/AppCss.csssrc b/user/src/com/google/gwt/user/tools/AppCss.csssrc
index 84c87d6..8ac0360 100644
--- a/user/src/com/google/gwt/user/tools/AppCss.csssrc
+++ b/user/src/com/google/gwt/user/tools/AppCss.csssrc

@@ -1 +1,33 @@
-/** Add css rules here for your application. */

+/** Add css rules here for your application. */
+body {
+  font-family:arial,sans-serif
+}
+
+div,td {
+  color:#000000
+}
+
+a:link {
+  color:#0000cc
+}
+     
+a:visited {
+  color:#551a8b
+}
+
+a:active {
+  color:#ff0000
+}
+
+button {
+  display: block;
+  font-size: 16pt
+}
+
+.widePanel {
+  width: 100%
+}
+
+img {
+  margin-top: 20px;
+}
\ No newline at end of file

diff --git a/user/src/com/google/gwt/user/tools/AppHtml.htmlsrc b/user/src/com/google/gwt/user/tools/AppHtml.htmlsrc
index 269f56c..246fc64 100644
--- a/user/src/com/google/gwt/user/tools/AppHtml.htmlsrc
+++ b/user/src/com/google/gwt/user/tools/AppHtml.htmlsrc

@@ -1,6 +1,6 @@
 
-<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" -->
-<!-- "http://www.w3.org/TR/html4/loose.dtd">                        -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
+"http://www.w3.org/TR/html4/loose.dtd">
 
 <!-- The HTML 4.01 Transitional DOCTYPE declaration-->
 <!-- above set at the top of the file will set     -->
@@ -17,18 +17,7 @@
     <!--                                           -->
     <!-- Any title is fine                         -->
     <!--                                           -->
-    <title>Wrapper HTML for @className</title>
-
-    <!--                                           -->
-    <!-- Use normal html, such as style            -->
-    <!--                                           -->
-    <style type="text/css">
-      body,td,a,div,.p{font-family:arial,sans-serif}
-      div,td{color:#000000}
-      a:link,.w,.w a:link{color:#0000cc}
-      a:visited{color:#551a8b}
-      a:active{color:#ff0000}
-    </style>
+    <title>@className</title>
     
     <!--                                           -->
     <!-- This script loads your compiled module.   -->
@@ -48,19 +37,5 @@
     <!-- OPTIONAL: include this if you want history support -->
     <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
 
-    <h1>@className</h1>
-
-    <p>
-      This is an example of a host page for the @className application. 
-      You can attach a Web Toolkit module to any HTML page you like, 
-      making it easy to add bits of AJAX functionality to existing pages 
-      without starting from scratch.
-    </p>
-    <table>
-	<tr>
-	  <td id="slot1"></td>
-	  <td id="slot2"></td>
-	</tr>
-    </table>
   </body>
 </html>