PDA

View Full Version : [CLOSED] How to Change the Font Size of Grid Panel



enavarrete
Oct 22, 2014, 6:07 PM
Hi! i need to change the font size of the whole GridPanel, is there any way to do that?

I?ve been trying to do it, but with 1.x examples but is not working.

Daniil
Oct 22, 2014, 6:40 PM
Hi @enavarrete,

This example can be helpful.
http://examples2.ext.net/#/GridPanel/Miscellaneous/Custom_UI/

It overrides the font of header text, at least.

To determine other CSS rules that you need to apply, you can use this technique.
CSS Change TabPanel Header Color - Ext.NET on Vimeo (http://vimeo.com/10076549)

Hope this helps.

enavarrete
Oct 22, 2014, 7:15 PM
Thank you, that helped me!

enavarrete
Oct 22, 2014, 7:41 PM
Another question, it is posible to change the font size in editors of the GridPanel (TextField and NumberField)?

Daniil
Oct 23, 2014, 4:39 AM
Quite the same.

If define Cls="my-grid" for a GridPanel and a TextField as a Column's Editor, then this CSS rule helps:

<style>
.my-grid .x-editor .x-form-text {
font-size: 14px;
}
</style>

enavarrete
Oct 23, 2014, 2:59 PM
Thanks Daniil. please, mark it as CLOSED.