Re: Override body style with CssResource

I looked at the way the CSS files are loaded. Sure enough, the standard.css file is loaded first and then  my custom CSS is loaded. 

Although the end result is what I want (my styles override the standard ones), the user will see the standard styles in a split second before they see my styles.

After looking through the web, I think the only way is to modify the actual standard.css file and remove the common tags (body, td, etc.) manually before I package it into my app.

Charles

On Monday, August 27, 2012 6:58:14 PM UTC-4, Charles Chan wrote:

I should correct myself that it's not really a "flash" (which implies a page refresh). Instead, I saw the Standard stylesheet applied and then in a split second, my stylesheet is applied. 

Charles

On Monday, August 27, 2012 4:49:07 PM UTC-4, Charles Chan wrote:

Hi, I am relatively new to GWT. I am creating a GWT application that will be embedded into a DIV of an existing webapp . Obviously, I would like to keep the existing webapp's styling, especially on the common elements, e.g. body, td, select, etc.

I've read that CssResource is the way to go. So, I gave it a try.

My .gwt.xml has the following lines:

  <inherits name='com.google.gwt.user.theme.standard.Standard'/>

  <inherits name="com.google.gwt.resources.Resources" />

In my css file, I put the styles of the webapp there. I created the ClientBundle and inject my CSS in my EntryPoint.

All seems fine. However, when I invoke the app. on IE8, I see the GWT Standard styles applied first and in a flash, my overridden styles are applied.

So, I think I am overriding the styles successfully. However, how do I avoid that "flash" when the Standard styles are being applied before my styles?

Thanks in advance.

Charles

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To view this discussion on the web visit https://groups.google.com/d/msg/google-web-toolkit/-/xcmT__Lt4TAJ.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.