Formatting issues with rc2 SDK

Question

I've got a Rally app that puts two tabs at the top of a window using a tabpanel. When I upgrade to the rc2 version of the SDK, it tries to match the formatting of the new Rally menus...but unfortunately this looks quite mis-matched with the rest of the app, and it also does not display the entire tab name (it truncates it as "Upcoming R..." instead of "Upcoming Releases").

In general, there are some objects that are in the old style (like an accordion object and the rallybutton) and some that are in the new style (like the tab panel and rallyaddnew). Unfortunately, all and all it looks rather garish.

What possible remedies are to customize and optimize this new formatting?

_createTabPanel: function() {
    var curAccord   = this._createAccordian('current');
    var pastAccord  = this._createAccordian('past');

    curAccord.title     = 'Upcoming Releases';
    pastAccord.title    = 'Previous Releases';

    var tabPanelSpec = {
        xtype: 'tabpanel',
        border: 0,
        forceFit: true,
        minTabWidth: 200 // THIS FIXES THE "tab too small" PROBLEM
        activeTab: 0,
        items: [curAccord, pastAccord]
    };

    return tabPanelSpec;
},

Answer 1

We had a small window of opportunity to release a new sdk version and opted to release 2.0rc2 as-is so customers could begin using it- even though some things (new styling, etc) may not be totally done. It looks like there are some issues with tab panels from your example above. We aren't really using these in the product currently, so that makes sense. Are there other components which are especially bad?

We may be able to offer some small css fixes or ext overrides to get things to look more consistent...