ChenHaibin Posted January 20, 2014 Share Posted January 20, 2014 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. Link to comment Share on other sites More sharing options...
Sherzod Posted January 20, 2014 Share Posted January 20, 2014 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 More sharing options...
joriolm Posted January 28, 2014 Share Posted January 28, 2014 Hi DelphiDeveloper, Where can I find all those control definitions like x-tab? please. Regards. Long life to UniGui!! Link to comment Share on other sites More sharing options...
Sherzod Posted January 29, 2014 Share Posted January 29, 2014 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 More sharing options...
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now