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

@Jens: thanks for sharing your thoughts and  inspiration.

On Sat, Sep 14, 2013 at 4:43 PM, Jens <jens.nehlmeier@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 Ginjector {

  App getApp();

}

@GinModule(DesktopModule.class)

interface DesktopAppInjector extends AppInjector {}

// just for illustration you can also use custom multi valued config properties of your *.gwt.xml file that contain full qualified class names of gin modules

@GinModules(value = { TabletModule.class }, properties = {"common.config", "tablet.config"})

interface TabletAppInjector extends AppInjector {}

Because you can not use GWT.create(AppInjector.class) to initialize GIN (because of the GinModule annotations being defined on sub interfaces) you need additional classes for deferred binding:

interface AppInjectorProvider {

  AppInjector get();

}

class DesktopAppInjectorProvider implements AppInjectorProvider {

  public AppInjector get() {

     return GWT.create(DesktopAppInjector.class);

  }

}

class TabletAppInjectorProvider implements AppInjectorProvider {

  public AppInjector get() {

     return GWT.create(TabletAppInjector.class);

  }

}

And finally the entry point

class AppEntryPoint implements EntryPoint {

  void onModuleLoad() {

    AppInjectorProvider injector = GWT.create(AppInjectorProvider.class);

    injector.get().getApp().start();

  }

}

With the code above I can pretty much configure everything inside gin modules. 

For high resolution images its a lot better to extend the ClientBundle mechanism. An example for retina images can be found at https://github.com/kDCYorke/RetinaImages

In general I would recommend using vector icons (e.g. "Font Awesome" or http://glyphicons.com/) so you don't need that retina image thing just for icons.

-- J.

--
You received this message because you are subscribed to a topic in the Google Groups "Google Web Toolkit" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/google-web-toolkit/6kNfG41TVBY/unsubscribe.
To unsubscribe from this group and all its topics, 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.

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