This is a migrated thread and some comments may be shown as answers.

Change Grid Font Size

7 Answers 741 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Tayonee
Top achievements
Rank 1
Tayonee asked on 12 Aug 2011, 09:10 PM
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

Sort by
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:
<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.
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.

.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
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!
Tags
Grid
Asked by
Tayonee
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Happy
Top achievements
Rank 1
Jayesh Goyani
Top achievements
Rank 2
NEX
Top achievements
Rank 1
Share this question
or