Several ways to inject CSS in GWT

There are several ways in GWT to include CSS into you code:

  • via *.gwt.xml using 
    • <stylesheet src="my.css"/>
  • via your container.html using 
    • <link href="my.css" rel="stylesheet">
    • <style>/* my CSS */</style>
    • <style>@import url("my.css");</style>
  • via *.ui.xml using
    • <ui:style>/* my CSS */</ui:style>
    • <ui:style>@import url("my.css");</ui:style>
    • <ui:style src="my.css"/>
      • in this case your CSS is checked for validity, so you can't use some CSS3 yet
    • <ui:style import="my.project.CSSResource">
      • whereby my.project.CSSResource has to be annotated with @Shared 
  • via the @Source annotation using [in this case your CSS is checked for validity, so you can't use CSS3 yet]
    • @Source("my.css") MyCSS myCSS(); within an interface called (in this case) My that extends ClientBundle with a nested interface called (in this case) MyCSS that extends CssResource
If you know other ways to insert CSS into a GWT app, I'd appreciate if you share them writing a comment!

Comments

  1. Daniel Dietrich's Blog12.9.11

    Hello,
    thank you for the nice overview - I will bookmark it as reference. Injecting existing CSS into GWT is of static nature. When dynamic behavior is needed, I use also the programatic approach: myUiObject.getElement().getStyle().*
    Cheers
    Daniel

    ReplyDelete

Post a Comment

Popular posts from this blog

Apple's evaluating a new JVM

To boost the Java performance on x64 Mac systems, Apple is evaluating a new Java VM  that is derived the BSD port. You can try the new JVM using the  -XXaltjvm=bsdserver VM args which is available in the recent JDK/JRE developer preview. Using this new VM may improve the Java performance and increase benchmark scores but performance drawbacks can be expected as well.
Read more

Tuning ext4 for performance with emphasis on SSD usage

The obligatory disclaimer: The more performance you gain, the more data integrity you loose! But if you want to tune something like a file system, I strongly assume that you know what you are doing :) These tips apply to all major Linux distributions like Fedora/Red Hat, OpenSUSE, and Ubuntu that are already using ext4 or are going to make ext4 their default file system. As write operations on Solid State Disks (SSD) are expensive the tips below are focused on SSD usage but also apply to HDD usage as well . My Ubuntu 9.04 Jaunty /etc/fstab after a fresh installation: [...] UUID=d818ddf9-ff01-e21a-a67d-3ceab43a9e2b / ext4 relatime,errors=remount-ro 0 1 UUID=0d339122-74e0-e0ea-805a-7879b1fa3172 /home ext4 relatime 0 2 [...] My tuned Ubuntu 9.04 Jaunty /etc/fstab : [...] UUID=d818ddf9-ff01-e21a-a67d-3ceab43a9e2b / ext4 noatime,barrier=0,nobh,commit=100,nouser_xattr 0 1 UUID=0d339122-74e0-e0ea-805a-7879b1fa3172 /home ext4 noatime,barrier=0,data=writeback,nobh,commit=100,nouser_xattr 0 2
Read more