PDA

View Full Version : Grid, Tree Font size



ultra2
7 Dec 2011, 11:09 AM
What is the right way to have larger font size in the application?
Especially in tree and grid components, editors, ect?

overriding css would work, but do I need to do this for every single components?.

x-grid-row .x-grid-cell
{
font-size: 14px;
}

.x-column-header
{
font-size: 14px;
}

tobiu
7 Dec 2011, 12:42 PM
you should get familiar with SASS:
ext-4.0.7\resources\themes\stylesheets\ext4\default\variables\_core.scss

there you have:


/**
* @var {string} $font-family
* The default font-family to be used throughout the theme.
*/
$font-family: tahoma,arial,verdana,sans-serif !default;

$font-size : 12px !default;


a good start is this guide:
http://docs.sencha.com/ext-js/4-0/#!/guide/theming

ultra2
7 Dec 2011, 1:20 PM
ok, thanks!