Tuesday, October 22, 2013

Re: How conditional Css for all IE browsers?

Oh, or you could of course define your own deferred-binding property and benefit from fallback values:

<define-property name="browser.engine" value="gecko,webkit,presto,trident"> <!-- using webkit for both webkit and blink/chromium; a property-provider would allow telling them apart -->
<set-property name="browser.engine" value="gecko">
  <when-property-is name="user.agent" value="gecko1_8" />
</set-property>
<set-property name="browser.engine" value="webkit">
  <when-property-is name="user.agent" value="safari" />
</set-property>
<set-property name="browser.engine" value="presto">
  <when-property-is name="user.agent" value="opera" /> <!-- hoping Opera 15+ is detected as user.agent=safari  -->
</set-property>
<set-property name="browser.engine" value="trident">
  <any>
    <when-property-is name="user.agent" value="ie6" />
    <when-property-is name="user.agent" value="ie8" />
    <!-- ie9 and ie10 will fallback to ie8 -->
  </any>
</set-property>

@if browser.engine trident { … }

On Tuesday, October 22, 2013 11:49:35 AM UTC+2, Thomas Broyer wrote:


On Tuesday, October 22, 2013 11:38:41 AM UTC+2, Jens wrote:
You must use all IE specific user.agent variable values => @if user.agent ie6 ie8 ie9.

Maybe ie9 is a bit different as it has a fallback value.

It's not. The fallback value is only used for deferred-binding *rules*; that's an issue Colin Alworth reported a few weeks back. It's however a good thing too, as CssResource conditionals can't express "ie6 and ie8 but not ie9"; "@if user.agent ie6 ie8" does just that, but would fail if the fallback value was used.

An alternative is to use a black list:

@if !user.agent gecko1_8 safari opera

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscribe@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at http://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/groups/opt_out.

No comments:

Post a Comment