Re: CssResource and image sprites

On Tue, Mar 1, 2011 at 3:05 AM, John LaBanca <jlabanca@google.com> wrote:

The class names are obfuscated.  You can try adding @NotStrict to MyResources#style(), but that isn't really recommended because the compiler can't optimize.  Instead, but your HTML in a  uiBinder.ui.xml file and reference the styles like this:

<ui:with field='res' type='com.faregugly.client.MyResources'/>

<div class="{res.style.heading-left}">

<div class="{res.style.heading-right}">

  <div class="{res.style.heading-middel}">

<div class="{res.style.heading-middel-text}">filter results</div>

<div class="{res.style.heading-middel-icon}" id="minGif1"></div>

  </div>

</div>

  </div>

Thanks,
John LaBanca
jlabanca@google.com

On Mon, Feb 28, 2011 at 2:49 PM, Deepak Singh <deepaksingh.kr@gmail.com> wrote:

After struggling a lot, Still i am not able resolve this.

I guess i am missing some steps to do this optimisation.

Anybody can figure it out pls.

On Tue, Mar 1, 2011 at 12:03 AM, Deepak Singh <deepaksingh.kr@gmail.com> wrote:

Hi,

Now it compiles fine but the page UI is not rendering style.css and the sprite images.

I have done this in onModuleLoad()

StyleInjector.inject(resource.style().getText());

My html is something like this

<div class="heading-left">

<div class="heading-right">

 <div class="heading-middel">

<div class="heading-middel-text">filter results</div>

<div class="heading-middel-icon" id="minGif1"></div>

 </div>

</div>

 </div>

so do i need to inject the corresponding css methods seperately into each div element in onModuleLoad() ?

Thanks

On Mon, Feb 28, 2011 at 11:34 PM, Thomas Broyer <t.broyer@gmail.com> wrote:

On Monday, February 28, 2011 6:30:18 PM UTC+1, Deepak Singh wrote:

@sprite .middel-shadow-right3 li,

@sprite .middel-shadow-right2 li,

@sprite .middel-shadow-right li {

If should be:

@sprite .middel-shadow-right3 li, .middle-shadow-right2 li, .middel-shadow-right li {

Feel free to insert line breaks, but not "@sprite". GWT uses CSS language built-in extensibility mechanism, where @sprite is an "@-rule" (just like the built-in @font-face, @media, @import, etc.)

Here you weren't respecting the CSS syntax.

I suspect the CSS parser is lenient and treated the "," as a ";" or something like that, hence the somewhat cryptic error message.

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
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.

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
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.

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
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.