Re: How to use different CSS/Code for different browsers/devices/os?

2013-10-17 Thread Ed
Will CSS @media queries be supported in the next 2.6 release? -- 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

Re: How to use different CSS/Code for different browsers/devices/os?

2013-09-18 Thread Steve C
1. The problem with GWT's conditional CSS is that it is evaluated once, at the time the CSS resource is processed, which means that you won't get runtime changes if the user changes the window size (or a mobile user changes the orientation). 2. The problem with media queries in the CSS is that

Re: How to use different CSS/Code for different browsers/devices/os?

2013-09-18 Thread Ed Bras
thanks for your input. @Steve: about this: 1 2: have a separate CSS resource for each media query, but without the query within it. Instead, get the CSS string from the resource and wrap the query around it yourself, and then inject the resulting string. Can you please give some more

Re: How to use different CSS/Code for different browsers/devices/os?

2013-09-18 Thread Ashton Thomas
Here is one example of working around CSS3 limitation for media queries: http://pastebin.com/p2S0HKtR So this class encapsulates all the ensureInjected + hacking media queries Just call MainAppResource.injectStyles() in onModuleLoad() or somewhere Certainly not the best example, but an

Re: How to use different CSS/Code for different browsers/devices/os?

2013-09-18 Thread Ed Bras
Thanks, I am just thinking if this can't be done smarter, a bit old fashion when media queries didn't exist yet, using window.innerWidth, then select the correct Clientbundle depending on this value.. Just a thought. Nice info:

Re: How to use different CSS/Code for different browsers/devices/os?

2013-09-17 Thread Dominic Warzok
Hey there is a very simple but nice Example in gwt-Demo-Apps. The presentation can be watched here: http://youtu.be/N1aCo5LvMf8 I use this to decide if my webapp it's on a tablet or on a normal browser. -- You received this message because you are subscribed to the Google Groups Google Web

Re: How to use different CSS/Code for different browsers/devices/os?

2013-09-17 Thread jajang nurjaman
thanks.. Nice info, visit my blog guys http://globalcyber.pun.bz/jalantikus-com-download-game-pc-dan-andr.xhtml 2013/9/17, Ed Bras post2edb...@gmail.com: Thanks, I saw it a long time ago. Will look at it again. On Tue, Sep 17, 2013 at 3:27 PM, Dominic Warzok domi...@googlemail.comwrote:

Re: How to use different CSS/Code for different browsers/devices/os?

2013-09-17 Thread Ed Bras
What about using frameworks like Zurb Foundation, or Twitter Bootstrap in combination with GWT? Let these frameworks handle the Presentation (responsive/adaptive on any device) and use GWT for the business stuff: flow and backend integration? I am currently looking it to it and these frameworks

Re: How to use different CSS/Code for different browsers/devices/os?

2013-09-17 Thread Ed Bras
Thanks, I saw it a long time ago. Will look at it again. On Tue, Sep 17, 2013 at 3:27 PM, Dominic Warzok domi...@googlemail.comwrote: Hey there is a very simple but nice Example in gwt-Demo-Apps. The presentation can be watched here: http://youtu.be/N1aCo5LvMf8 I use this to decide if my

Re: How to use different CSS/Code for different browsers/devices/os?

2013-09-17 Thread Joshua Godi
Why not try using responsive css with media queries? You can change the dimensions/background-url for the images and such. Here is a good source for standard media queries: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ On Saturday, September 14, 2013 8:40:46 AM UTC-5,

Re: How to use different CSS/Code for different browsers/devices/os?

2013-09-15 Thread Ashton Thomas
I just wanted to point to these related links on conditional CSS with an example from mgwt if there is a case where GIN may not be needed but just conditionals in CSS (Looks like your solution may need a combination of GIN config, etc - using gin to configure some king of ScriptInjector for

How to use different CSS/Code for different browsers/devices/os?

2013-09-14 Thread Ed
How can I use different CSS files, and different code for different Browsers or devices? What I want: For the desktop web browser, I show all of the applications functionality with images of different resolution. However, on a Tablet (iPad) I show the same application but with different

Re: How to use different CSS/Code for different browsers/devices/os?

2013-09-14 Thread Jens
I use Google Gin and switch Ginjectors based on a form factor property in my module XML so its basically the factory approach. interface AppInjector extends Ginjector { App getApp(); } @GinModule(DesktopModule.class) interface DesktopAppInjector extends AppInjector {} // just for

Re: How to use different CSS/Code for different browsers/devices/os?

2013-09-14 Thread Ed Bras
@Jens: thanks for sharing your thoughts and inspiration. On Sat, Sep 14, 2013 at 4:43 PM, Jens jens.nehlme...@gmail.com wrote: I use Google Gin and switch Ginjectors based on a form factor property in my module XML so its basically the factory approach. interface AppInjector extends