Extjs 3.x: Цвет темы по умолчанию на вкладках панели вместо белого - PullRequest
3 голосов
/ 26 октября 2011

Я создал FormPanel с TabPanel с несколькими вкладками.Цвет фона вкладок по умолчанию белый, но я бы хотел, чтобы у всех них был цвет темы (по умолчанию голубоватый), обычно присутствующий в Panel.

Я попытался добавить

bodyStyle: 'background-color: прозрачный! Важный'

к форме, вкладке и вкладкам, и это работаетв IE9 и Chrome, но не в FireFox?

Почему transparent как псевдоцветное значение отбрасывается в FireFox?


JavaScript :

var form = new Ext.form.FormPanel({
    border: false,
    bodyStyle: 'background-color: transparent !important',            
    layout: 'fit',
    items: [
    {
        xtype: 'tabpanel',
        activeTab: 0,
        bodyStyle: 'background-color: transparent !important',
        deferredRender: false,
        defaults: {
            bodyStyle: 'padding: 4px; background-color: transparent !important',
            layout: 'form',
            autoScroll: true
        },
        items: [
        {
            title: 'Tab 1',
            items: [
                ...
            ]
        }, {
            title: 'Tab 2',
            items: [
                ...
            ]
        }]
    }]
});

1 Ответ

3 голосов
/ 26 октября 2011

Почему бы не использовать background:none вместо?

bodyStyle: 'background: none'

Проверьте демо: http://jsfiddle.net/chaoszcat/ug7Qg/.

Кстати, похоже, что FormPanel не имеет голубоватого фона. Его фон по умолчанию белый.

...