PDA

View Full Version : Custom style for tabs.



KnowledgeSeeker
14 Aug 2014, 1:54 AM
I have a requirement to create tabs based on a condition. There are three departments, say "A", "B" and "C". For every department there are a number of tabs. My requirement is to visually distinguish the tabs based on department. For example, if my page contains tabs for all the three departments, I need to distinguish them (different background color or bullet). Can anyone point out the way to achieve this?

slemmon
17 Aug 2014, 8:58 PM
I would recommend creating a custom theme for your application with different ui's that can be set for different tabs (using the tabConfig option discussed at the top of the tabPanel API docs (http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.tab.Panel)).

Theming guide:
http://docs.sencha.com/extjs/4.2.2/#!/guide/theming