An anti-example: http://www.extjs.com/examples/#buttons (scroll down to the SplitButton examples). Here the problem doesn't show up. The difference might be that example one has a SplitButton inside a ToolBar, while example two does not.
Searching for a reason showed me: the actual image that gets used, is s-arrow-o.gif from the default theme instead of the Slate one.
If you only use the Slate theme, a temporary workaround/quickfix is to copy <gxt-resources>/themes/slate/images/slate/button/s-arrow-o.gif to <gxt-resources>/images/default/button/s-arrow-o.gif. Now the problem will not be Slate's, but the default theme's .
I've seen this happen in IE 7, FF 3.5, and Safari 4, all on Windows.
I'm pretty sure it has something to do with the Slate css not overriding the default css, but can't really figure out the css.
When I have more time, I'll try to figure it out. In the meantime, maybe someone already has the solution.
Last edited by W1cK8; 17 Dec 2009 at 3:43 PM.
then it does work. The change being: take all the css qualifiers and add .x-toolbar to every part. Since I'm not really an expert on how these styles apply, I'm not sure this isn't overkill or doesn't introduce any side effects.
Last edited by W1cK8; 17 Dec 2009 at 4:13 PM.