OK, this seems like this should be a piece of cake. I want to change the font of the entire grid (headers, items, etc) to use a font size of ".8em;". I have changed the font size at the grid level and nothing changed. I am able to override individual columns with the item styles. Isn't there an easier way to do this?
7 Answers, 1 is accepted
0
Accepted

Shinu
Top achievements
Rank 2
answered on 16 Aug 2011, 05:35 AM
Hello Tayonee,
Try setting the Font-Size for the Grid as shown below.
aspx:
Thanks,
Shinu
Try setting the Font-Size for the Grid as shown below.
aspx:
<
telerik:RadGrid
>
. . . .
<
MasterTableView
Font-Size
=
".8em"
>
</
MasterTableView
>
</
telerik:RadGrid
>
Thanks,
Shinu
0

Happy
Top achievements
Rank 1
answered on 13 Apr 2012, 08:33 PM
Why are the most trivial things so hard to solve with your controls. I am so ready to give up on 3rd party controls of late.
I just tried this and it only makes the font smaller for the header. The row cells and filter cells are all still larger.
I even tried changing itemstyle using <ItemStyle Font-Size=".8em" /> with no luck.
How can I centrally from one css, for every grid in my app, make EVERY SINGLE font in your grid smaller, and ONE size for everything.
I just tried this and it only makes the font smaller for the header. The row cells and filter cells are all still larger.
I even tried changing itemstyle using <ItemStyle Font-Size=".8em" /> with no luck.
How can I centrally from one css, for every grid in my app, make EVERY SINGLE font in your grid smaller, and ONE size for everything.
0

Jayesh Goyani
Top achievements
Rank 2
answered on 16 Apr 2012, 10:53 AM
Hello Happy,
Please set below style sheet in your css file.
Thanks,
Jayesh Goyani
Please set below style sheet in your css file.
.RadGrid, .RadGrid .rgMasterTable, .RadGrid .rgDetailTable, .RadGrid .rgGroupPanel table, .RadGrid .rgCommandRow table, .RadGrid .rgEditForm table, .RadGrid .rgPager table, .GridToolTip
{
font-size
:
22px
!important
;
}
.RadGrid .rgHeader, .RadGrid .rgHeader a
{
font-size
:
22px
!important
;
}
.RadGrid .rgCommandRow a
{
font-size
:
22px
!important
;
}
Thanks,
Jayesh Goyani
0

Happy
Top achievements
Rank 1
answered on 18 Apr 2012, 07:32 PM
Thanks. But that didn't work either. My column header fonts are smaller but the content of all the rows is unchanged.
0

Jayesh Goyani
Top achievements
Rank 2
answered on 18 Apr 2012, 07:42 PM
Hello Happy,
Can you please provide one sample image?
Note : please explain which type of font size you want in it.
Thanks,
Jayesh Goyani
Can you please provide one sample image?
Note : please explain which type of font size you want in it.
Thanks,
Jayesh Goyani
0

Happy
Top achievements
Rank 1
answered on 18 Apr 2012, 08:21 PM
Well, I've since tested a sample app and I can't duplicate the issue there so somewhere in this app somebody has done something and I'm stuck with large fonts in the grid rows.
0

NEX
Top achievements
Rank 1
answered on 13 Jan 2014, 07:41 AM
Works for me. Thanks!