Jump to content

How to change the font size pagecontrol's tab?


ChenHaibin
 Share

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...