Hi Here are my .gwt.xml and HTML, both are generated by webAppCreator except that I added two source paths in .gwt.xml:
----------------- Start of .gwt.xml <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE module PUBLIC "-//Google Inc.//DTD Google Web Toolkit 1.6.3//EN" " http://google-web-toolkit.googlecode.com/svn/tags/1.6.3/distro-source/core/src/gwt-module.dtd "> <module rename-to='shop'> <!-- 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' /> <!-- Other module inherits --> <source path='client' /> <source path='domain' /> <!-- Specify the app entry point class. --> <entry-point class='com.dummy.shop.client.Shop' /> </module> ----------------- End of .gwt.xml ----------------- Start of HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!-- The HTML 4.01 Transitional DOCTYPE declaration--> <!-- above set at the top of the file will set --> <!-- the browser's rendering engine into --> <!-- "Quirks Mode". Replacing this declaration --> <!-- with a "Standards Mode" doctype is supported, --> <!-- but may lead to some differences in layout. --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!-- --> <!-- Consider inlining CSS to reduce the number of requested files --> <!-- --> <link type="text/css" rel="stylesheet" href="shop.css"> <!-- --> <!-- Any title is fine --> <!-- --> <title>Web Application Starter Project</title> <!-- --> <!-- This script loads your compiled module. --> <!-- If you add any GWT meta tags, they must --> <!-- be added before this line. --> <!-- --> <script type="text/javascript" language="javascript" src="shop/shop.nocache.js"></script> </head> <!-- --> <!-- The body can have arbitrary html, or --> <!-- you can leave the body empty if you want --> <!-- to create a completely dynamic UI. --> <!-- --> <body> <!-- 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>Web Application Starter Project</h1> <table align="center"> <tr> <td colspan="2" style="font-weight:bold;">Please enter your name:</td> </tr> <tr> <td id="nameFieldContainer"></td> <td id="sendButtonContainer"></td> </tr> </table> </body> </html> ----------------- End of HTML On Fri, Apr 17, 2009 at 12:36 PM, Vitali Lovich <[email protected]> wrote: > > Please post your .gwt.xml file & your html file. > > On a side note, I really do urge you to use OOPHM & Firebug - it'll > help you track down this bug 100x faster because you'll be able to see > the CSS rules that are being applied to the element & which are > override each other. That'll let you see if your rules are even being > included & if they, if they're being overriden by another rule. > > On a side note, try adding !important to your styles. > > On Fri, Apr 17, 2009 at 12:15 AM, hezjing <[email protected]> wrote: > > Thanks, Vitali. > > Back to the problem, theoretically it should works by modifying the CSS > as > > described in the DecoratorPanel Javadoc, right? > > Did I miss anything here? > > > > On Fri, Apr 17, 2009 at 12:05 PM, Vitali Lovich <[email protected]> > wrote: > >> > >> I would recommend trunk & OOPHM mode which lets you run in hosted mode > >> with native firefox. > >> > >> If that's not an option, you can try: > >> > >> public static native Element[] getElementsByClassName(String name) /*--{ > >> > >> if (document.getElementsByClassName == undefined) { > >> document.getElementsByClassName = function(className) > >> { > >> var hasClassName = new RegExp("(?:^|\\s)" + className + > >> "(?:$|\\s)"); > >> var allElements = document.getElementsByTagName("*"); > >> var results = []; > >> > >> var element; > >> for (var i = 0; (element = allElements[i]) != null; i++) > { > >> var elementClass = element.className; > >> if (elementClass && > elementClass.indexOf(className) > >> != -1 && > >> hasClassName.test(elementClass)) > >> results.push(element); > >> } > >> > >> return results; > >> } > >> } > >> return document.getElementsByClassName(name); > >> > >> }--*/; > >> > >> Element [] topLeft = getElementsByClassName("topLeft"); > >> assert topLeft != null; > >> > >> for (Element tl : topLeft) { > >> System.out.println("Found top left with background " + > >> DOM.getStyleAttribute(tl, "background")); > >> } > >> > >> rinse & repeat for the remaining corners. Code not tested (just > >> grabbed the native javascript from the web) so you're on your own if > >> it doesn't work (at that point try gwtquery). > >> > >> On Thu, Apr 16, 2009 at 11:19 PM, hezjing <[email protected]> wrote: > >> > > >> > Hi Vitali > >> > On Fri, Apr 17, 2009 at 11:05 AM, Vitali Lovich <[email protected]> > >> > wrote: > >> >> > >> >> Have you used something like firebug to verify that the CSS on those > >> >> elements is indeed correct? > >> > > >> > I'm not using Firefox and Firebug. > >> > I'm testing this in hosted mode, is there an alternative way to verify > >> > if the CSS is correct? > >> > > >> > -- > >> > > >> > Hez > >> > > >> > > > >> > >> > > > > > > > > -- > > > > Hez > > > > > > > > > > > -- Hez --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
