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

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, Ed wrote:

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 images/resolution. 

And for the smartPhone (iPhone, Samsung S4), I show only restricted application functionality with different images/resolution (different buttons).

How can this best be done to optimal use GWT (code splitting, code minimization, etc...) ?

My thoughts: Use different Factory classes for different Browsers/devices. These factories classes will then create the required Client Bundles and Controller (to modify app code)  classes.

Then select the correct factory through GWT config files by indicating the required "user.agent" property.

Is this the way to go ? Or/And maybe use Mgwt and let it handle it (haven't used mgwt yet)... ?

Please your experience/advice?

--
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.