This might help you http://code.google.com/webtoolkit/doc/latest/DevGuideUiBinder.html
Olivier On 4 Jan 2010, at 17:37, Wrenbjor wrote: > Hey everyone, I'm new to both Java And GWT. I have been making web > pages for 10 years with PHP, JavaScript (Jquery), and CSS. > > I wrote a template HTML page that I use at work and I am trying to > duplicate it in GWT but I'm having no luck. I dont know how do > duplicate the HTML using the GWT widgets or with Gwt UiBinder. Can > someone help? I will post the HTML and CSS for my template. Thanks for > any help you can give. > > *** BEGIN HTML *** > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// > www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> > <html xmlns="http://www.w3.org/1999/xhtml";> > <head> > <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> > <title>Dashboard</title> > <link rel="stylesheet" href="css/reset.css" /> > <link rel="stylesheet" href="css/960.css" /> > <link rel="stylesheet" href="css/main.css" /> > <link rel="stylesheet" href="css/ui-darkness/jquery- > ui-1.7.2.custom.css" /> > </head> > <body> > <div id="mainContainer" class="container_16"> > > <div id="header" class="grid_5"> > <h4>Template<small>Dashboard</small></h4> > </div> > > <div id="menu" class="grid_16"> > <ul class="grid_16"> > <li><a href="ops.php">Operations View</a></li> > <li><a href="mgr.php">Management View</a></li> > <li><a href="#">Detail Views</a> > <ul> > <li><a href="ytd.php">YTD</a></li> > <li><a href="sde.php">SDE</a></li> > <li><a href="thing.php">THING</a></li> > <li><a href="actions.php">Actions</a></li> > <li><a href="userMgr.php">User Management</a></ > li> > </ul> > </li> > <li id="dateBox">Date: <input id="date" name="date" > type="text" size="14" /><button id="dateSearch" type="button">Go</ > button></li> > </ul> > </div> > > <div id="content" class="grid_16"> > > </div> > > > </div> > </body> > </html> > > *** END HTML *** > > reset.css is the reset from http://meyerweb.com/eric/tools/css/reset/ > and 960.css is the 960.gs framework file > > *** BEGIN Main.css ** > > @charset "utf-8"; > /* CSS Document */ > body > { > background-color:#5e5e5e; > } > > /* HEADER BLOCK */ > > #header > { > margin-top:10px; > } > > h4 > { > font-family:Arial, Helvetica, sans-serif; > font-size:23px; > color:#ffffff; > letter-spacing:-1px; > margin-bottom:10px; > } > > h4 small > { > color:#e3e9ec; > font-weight:normal; > font-size:9px; > font-family:Verdana, Arial, Helvetica, sans-serif; > text-transform:uppercase; > position:relative; > top:-4px; > left:6px; > letter-spacing:0px; > } > > > /* MENU BLOCK */ > > #menu > { > background:#c4c4c4; > z-index:100; > } > > #menu ul > { > margin:0px; padding:7px 0px 7px 0px; > margin-top:6px; > margin-bottom:6px; > position:absolute; > background:#c4c4c4; > } > > #menu ul li > { > list-style:none; > display:inline; > } > > #dateBox, #macBox > { > padding:0px 0px 0px 40px; > margin:0px 5px 0px 0px; > float:right; > } > > #menu ul li a > { > background-color:#c4c4c4; > color:#0F0F0F; > padding:10px 14px 14px 14px; > text-decoration:none; > font-size:9px; > font-family:Verdana, Arial, Helvetica, sans-serif; > font-weight:bold; > text-transform:uppercase; > } > > #menu ul li a:hover > { > background-color:#2f343a; > border-color:#2f343a; > color:#c4c4c4; > } > > #menu li ul { > left:16em; > margin:0px 0px 0px 10px; > background:#c4c4c4; > } > > #menu li ul a { > background-color:#c4c4c4; > color:#0F0F0F; > padding:10px 14px 6px 14px; > text-decoration:none; > font-size:9px; > font-family:Verdana, Arial, Helvetica, sans-serif; > font-weight:bold; > text-transform:uppercase; > } > > #menu li ul > { > display:none; > } > > #menu li:hover ul > { > margin-top:6px; > display:block; > } > > #menu input > { > background:#c4c4c4; > } > > /* BODY BLOCK */ > > #content > { > background:#FFFFFF; > border-top:1px solid; > margin-top:42px; > height:768px; > z-index:99; > overflow:auto; > } > > *** END Main.css *** > > -- > > You received this message because you are subscribed to the Google Groups > "Google Web Toolkit" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected]. > For more options, visit this group at > http://groups.google.com/group/google-web-toolkit?hl=en. > > --- Olivier Digiworks Política de Protección de Datos de Carácter Personal En cumplimiento de la Ley Orgánica 15/1999, de 13 de diciembre, sobre protección de Datos de Carácter Personal (LOPD) DIGIWORKS SPAIN, S.L. informa a los usuarios de que: Los Datos de Carácter Personal que recoge son objeto de tratamiento automatizado y se incorporan en los ficheros correspondientes, debidamente registrados en la Agencia Española de Protección de Datos. El usuario podrá, en todo momento, ejercitar los derechos reconocidos en la LOPD, de acceso, rectificación, cancelación y oposición. El ejercicio de estos derechos puede realizarlo el propio usuario mediante comunicación escrita en la siguiente dirección postal: DIGIWORKS SPAIN, S.L. AVDA SAN RAFAEL, 11, LOCAL 2 03580 ALFAZ DEL PI ALICANTE También pueden ejercitar estos derechos en los términos que la normativa aplicable establece y que puede consultar en www.agpd.es. -- You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
