don't see anything in browser

[Layla Rashid]

Hi
I am trying to run gwt-ext code.
here is my gwt.xml file

 <?xml version="1.0" encoding="UTF-8"?>
<module rename-to='expensewatcher'>
  <!-- Inherit the core Web Toolkit stuff.                        -->
  <inherits name='com.google.gwt.user.User'/>

  <!-- Inherit the default GWT style sheet.  You can change       -->
  <!-- the theme of your GWT application by uncommenting          -->
  <!-- any one of the following lines.                            -->
  <inherits name='com.google.gwt.user.theme.standard.Standard'/>
  <!-- <inherits name='com.google.gwt.user.theme.chrome.Chrome'/> -->
  <!-- <inherits name='com.google.gwt.user.theme.dark.Dark'/>     -->

  <!-- Other module inherits                                      -->
  <!-- <inherits name='com.smartgwt.SmartGwt'/> -->
  
  
  <inherits name="com.gwtext.GwtExt"/> 

  <!-- Specify the app entry point class.                         -->
  <entry-point class='com.google.gwt.sample.expensewatcher.client.ExpenseWatcher'/>

  <!-- Specify the paths for translatable code                    -->
  <source path='client'/>

</module>
   

here is the main class that I am trying to run :

 package com.google.gwt.sample.expensewatcher.client;
    
  
import com.google.gwt.core.client.EntryPoint;   
import com.google.gwt.user.client.ui.RootPanel;   
import com.gwtext.client.core.Ext;
import com.gwtext.client.core.ExtElement;
import com.gwtext.client.core.Position;   
import com.gwtext.client.widgets.Button;   
import com.gwtext.client.widgets.Panel;   
import com.gwtext.client.widgets.TabPanel;   
import com.gwtext.client.widgets.form.FormPanel;   
import com.gwtext.client.widgets.form.HtmlEditor;   
import com.gwtext.client.widgets.form.TextField;   
import com.gwtext.client.widgets.layout.*;   
  
public class ExpenseWatcher implements EntryPoint {   
  
    public void onModuleLoad() {   
    	ExtElement main = Ext.get("main");

        Panel panel = new Panel();   
        panel.setBorder(false);   
        panel.setPaddings(15);   
  
        FormPanel formPanel = new FormPanel();   
        formPanel.setLabelAlign(Position.TOP);   
        formPanel.setTitle("Inner Tabs");   
        formPanel.setPaddings(5);   
        formPanel.setWidth(600);   
  
        Panel topPanel = new Panel();   
        topPanel.setLayout(new ColumnLayout());   
        topPanel.setBorder(false);   
  
        Panel firstColumn = new Panel();   
        firstColumn.setLayout(new FormLayout());   
        firstColumn.setBorder(false);   
  
        firstColumn.add(new TextField("First Name", "first"), new AnchorLayoutData("95%"));   
        firstColumn.add(new TextField("Company", "company"), new AnchorLayoutData("95%"));   
        topPanel.add(firstColumn, new ColumnLayoutData(0.5));   
  
        Panel secondColumn = new Panel();   
        secondColumn.setLayout(new FormLayout());   
        secondColumn.setBorder(false);   
  
        secondColumn.add(new TextField("Last Name", "last"), new AnchorLayoutData("95%"));   
        secondColumn.add(new TextField("Email", "email"), new AnchorLayoutData("95%"));   
        topPanel.add(secondColumn, new ColumnLayoutData(0.5));   
  
        formPanel.add(topPanel);   
  
        TabPanel tabPanel = new TabPanel();   
        tabPanel.setPlain(true);   
        tabPanel.setActiveTab(0);   
        tabPanel.setHeight(235);   
  
        Panel firstTab = new Panel();   
        firstTab.setTitle("Personal Details");   
        firstTab.setLayout(new FormLayout());   
        firstTab.setPaddings(10);   
  
        firstTab.add(new TextField("First Name", "first", 230, "James"));   
        firstTab.add(new TextField("Last  Name", "last", 230));   
        firstTab.add(new TextField("Company", "company", 230));   
        firstTab.add(new TextField("Email", "email", 230));   
        tabPanel.add(firstTab);   
  
        Panel secondTab = new Panel();   
        secondTab.setTitle("Phone Numbers");   
        secondTab.setLayout(new FormLayout());   
        secondTab.setPaddings(10);   
  
        secondTab.add(new TextField("Home", "home", 230, "[phone]"));   
        secondTab.add(new TextField("Business", "business", 230));   
        secondTab.add(new TextField("Mobile", "mobile", 230));   
        secondTab.add(new TextField("Fax", "fax", 230));   
        tabPanel.add(secondTab);   
  
        Panel thirdPanel = new Panel();   
        thirdPanel.setTitle("Biography");   
        thirdPanel.setLayout(new FitLayout());   
        thirdPanel.add(new HtmlEditor("Biography"));   
        tabPanel.add(thirdPanel);   
  
        formPanel.add(tabPanel);   
        formPanel.addButton(new Button("Save"));   
        formPanel.addButton(new Button("Cancel"));   
  
        panel.add(formPanel);   
  
        


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

here is the html file :

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">


<title>Web Application Starter Project</title>


<script type="text/javascript" language="javascript"
	src="expensewatcher/expensewatcher.nocache.js"></script>
</head>

<body>

</body>




</html>
  

Can anyone tell me why I am not seeing anything in browser page. It build successfully . I don't see any error there.

thanks
Layla

[Suhas Bilaye]

In your html page, try adding a table element and then a td element, give the id attribute to the td element and use the

RootPanel.get(<id attribute value>)

in your code. Add the panel to this td.