Jump to content

How to change the font size pagecontrol's tab?


ChenHaibin

Recommended Posts

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.

post-364-0-13516400-1390188789_thumb.jpg

 

The result in the chrome browser

post-364-0-75079600-1390189266_thumb.jpg

 

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

post-364-0-75079600-1390189266_thumb.jpg

Link to comment
Share on other sites

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)!

Link to comment
Share on other sites

  • 2 weeks later...

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

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...