CODEWITHSUNDEEP
javascriptextjssencha-touch
Niklas
Niklas

Reputation: 25391

Add custom image to items on Ext.tab.Panel

I want to add some customs images on the navigation items on Ext.tab.Panel.

I know, that there are a few images available if you use the iconCls.

items: [
    {
        title: 'Home',
        iconCls: 'home',
        html: 'Home Screen'
    },
    {
        title: 'Contact',
        iconCls: 'user',
        html: 'Contact Screen'
    }
]

How can I proceed? Is there a image property or something else, or do I have to write my own CSS classes?

Upvotes: 0

Views: 2350

Answers (1)

Nico Grunfeld
Nico Grunfeld

Reputation: 1133

css way, or use some of the icons included in the core, there a lot :)

view:

iconCls: 'myTab'

css:

.myTab {
   background-image: url("resources/images/myTab.png");
}

Upvotes: 1

Related Questions