CODEWITHSUNDEEP
extjs
Nareshdhar Dwivedi
Nareshdhar Dwivedi

Reputation: 643

how to add cls in tabPanel items

4 . a have a tabPanel which contain two items,and one items contains multiple items means app42Tabs function contaion another tabPanel with multiple items. i want to add cls proterty on items app42Tabs.

var tabPanel = new Ext.TabPanel({
            activeTab: 0,
            id:"tabPanelDB",
            plain:true,
            defaults:{
                autoScroll: true
            },

            items:[{
                title: 'App42 API',
                id:'cloudApiTab',
                layout:'fit',
                items:[app42Tabs()]

            },{
                title: 'AppWarp',
                 id:'cloudApiTab',
            }]
        })

Upvotes: 0

Views: 1794

Answers (1)

weeksdev
weeksdev

Reputation: 4355

Per sencha docs, you would need to add a cls or itemCls (depending on which you are trying to override the css) config to the referenced code that is requested when app42Tabs() method is executed

Example tab.panel with the config required:

var tabs = Ext.create('Ext.tab.Panel', {
    cls:'myCustomClass',
    itemCls:'anotherCustomClass',
    items: [
        {
            title: 'Tab 1',
            html : 'A simple tab'
        },
        {
            title: 'Tab 2',
            html : 'Another one'
        }
    ]
});

Upvotes: 1

Related Questions