The use of tabPanel

[yxzzjg]

TabPanel how to set up the label at the bottom and add a custom icon. That is the default effect of Ext.tab.Panel in Touch

 

[Sherzod]

Hi,

 

The simplest case, you can do so:

 

1. UnimTabPanel1 ->  ClientEvents -> UniEvents [Ext.tab.Panel] add beforeInit fn:

function beforeInit(sender, config)
{
  config.tabBarPosition = 'bottom';  
}

2. UnimTabSheet1 ->  ClientEvents -> UniEvents [Ext.Container] add beforeInit fn:

function beforeInit(sender, config)
{
  config.iconCls = 'home';
}

3. UnimTabSheet2 ->  ClientEvents -> UniEvents [Ext.Container] add beforeInit fn:

function beforeInit(sender, config)
{
  config.iconCls = 'settings';
}

4. ...

 

5. Here are some list of available iconCls:

action
add
arrow_up
arrow_right
arrow_down
arrow_left
bookmarks
compose
delete
download
favorites
info
more
refresh
reply
search
settings
star
team
time
trash
user

Try..

 

Best regards.

[easegura777]

Hi, how change color ?

[Sherzod]

1 hour ago, easegura777 said:

Hi, how change color ?

Hello, 

The color of what?

[easegura777]

how change color iconcls, i need change color iconcls from unitabSheet

[Sherzod]

6 hours ago, easegura777 said:

how change color iconcls, i need change color iconcls from unitabSheet

Sorry, how do you assign iconCls?