I've always had trouble using CSS with GXT but since 3.0.1 I'm really really struggling. I'm not sure how to go about several issues, most pressingly, how to set the size of Fields and how they are arranged (i.e. these three fields share one row this one has a row to itself, or this FieldLabel should occupy 100% of the row and this one should wrap after 50%).
Also I'm struggling to set relative sizes for things. Sometimes it seems like when I setWidth() equal to 50% or something that it's largely ignored. Using fixed sizes always seems to work but relative sizes seems hit or miss. I think this is because of some of the dynamically generated divs that appear as children of the panel I created. The seem to have dynamically generated style names which makes the size hard to style in my own CSS.
Are there any good resources saying which CSS properties GXT reads to structure the widgets and panels? Or good resources for the new Appearance pattern stuff? I only found one blog on the Appearance but it seems more geared toward rewriting the appearance than modifying it. We don't want to change much, just to modify the positioning and sizing and I really don't want to have to write the HTML code to do it.
Any help would be most appreciated!