How to change the font size pagecontrol's tab?

[ChenHaibin]

We are using unigui0.94 1024 version.

 

 

How to change the font size pagecontrol's tab?

 

In our project,We need to change the font unipagecontrol's tab to 9, but can not be achieved by modifying the tab of the font.

 

The result in ie10 browser,  the font size of tab set to 9.

 

The result in the chrome browser

 

What we need is this result, the font size of tab set to 9.

[Sherzod]

Hi Hank. 

 

If I understand correctly, you may like this: 

 

Try:

 

1. Edit CSS 

     in ServerModule: 

     uniServerModule -> CustomCSS add 

.x-tab-default .x-tab-inner {
     font-size: 9px; 
} 

2. Or after render uniPageControl1 

function afterrender (sender, eOpts) 
{
   Ext.select('.x-tab-default .x-tab-inner').setStyle('font-size', '9px')
} 

3. Or runtime: 

UniSession.AddJS('Ext.select(''.x-tab-default .x-tab-inner'').setStyle(''font-size'',''9px'');');

But these changes will affect all PageControl (and controls that use these classes)!

[joriolm]

Hi DelphiDeveloper, 

Where can I find all those control definitions like x-tab? please.

Regards.

 

Long life to UniGui!!

[Sherzod]

Hi DelphiDeveloper, 

Where can I find all those control definitions like x-tab? please.

Regards.

 

Long life to UniGui!!

 

Hi J. Oriol M. 

 

For example, you can use:

var dom = Ext.dom.Query.select('.x-tab-default .x-tab-inner');
var el = Ext.get(dom[0]); 

http://stackoverflow.com/questions/13379148/extjs-get-element-by-div-class

http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.ComponentQuery