It's also a problem when you have a _pure_ gwt app: What do you do if you have to adapt the default gray/blue theme to match the design that your customer dictates?
On Jul 17, 4:56 am, dougx <[email protected]> wrote: > In theory, if you're only using GWT components, they should already be > styled correctly for all browsers. > > In practice, that is only true if your site is entirely GWT; mixing it > up with a little GWT here and there will without fail screw all the > styles up. There isn't really a good solution for the problem; you can > have a look asset bundling though; it has some inbuilt smarts for > browser hacks, but it can only detect IE6. There's some documentation > about that > here:http://code.google.com/webtoolkit/doc/latest/DevGuideClientBundle.htm... > > If you're working with a designer that isn't GWT friendly, your best > bet is probably to great the code; and then get them to style it > correctly using a couple of style sheets; webkit, gekko, IE-new, IE- > old, then use a JSNI call to detect browser type; > > eg. > private native String getBrowser */-{ > // native js detection hackery. :/ > > }-*/; > > Then use a CssResource to inject the appropriate stylesheet: > > eg. > String b = getBrowser(); > if (b.equals("ie-old")) { > bundle.stylesheetIeOld.ensureInjected(); > > } > > Long story short; mixing non-GWT and GWT is a pain. If you can, stick > to an entirely GWT web app, and you'll find all the browser quicks > should smooth out. If that's not an option... well, good luck with > that~ > > ~ > Doug. > > On Jul 16, 9:52 pm, sythiar <[email protected]> wrote: > > > > > I'm a complete beginner to GWT and am in fact only the designer for > > the site that a programmer is creating. Out of the two of us I have > > charged myself to find a solution for this problem. I'm really not > > sure if this has been posted yet, so pardon me if this may be > > repeating a question asked in a previous post. > > > The problem: > > I would like to know if there is any way to implement alternative > > style sheets for IE7 as well as IE6 to iron out CSS bugs for these > > browsers. I have previously tried to implement the conditional HTML in > > the head of the index.html file of our site (aka. <!--[if IE 7]> <link > > href="ie7styles.css" rel="stylesheet" type="text/css"> <![endif]-->). > > However, even though I put this style at the end of the head sector > > after all the other scripts, it seems that the css still isn't active > > or is being overwritten as it does not show up in IE7. > > > Actions so far: > > - I have checked the path for the style sheet and it is right. > > - To check if the conditional HTML works I have put it into the body > > area of index.html and filled it with some random text. It works as > > the text is only displayed in IE7. > > > Other solutions? > > - Do I have to edit the modules .xml file that is included into the > > index.html through a .js file? > > - Or do I have to edit that js file itself? > > > I really hope that someone is able to help me with this. Somehow I > > feel that the solution to this should be fairly easy, but I still > > can't find it. > > Meanwhile I'll look at some more forum posts for some answers... -- 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.
