Font-Size does't work

[Henrique]

Hi,

The original font-size is too big and the property Font-Size is not working.

Is there a way to solve this?

<ej:Grid 

ID="grdMapaAcao" 

runat='server' 

AllowPaging="True" 

AllowSorting="True" 

MinWidth="0" 

DataSourceID="edsMapaAcao" 

DataMember="DefaultView" 

AllowGrouping="True" 

AllowMultiSorting="True" 

AllowResizeToFit="True" 

OnServerRowSelected="grdMapaAcao_ServerRowSelected" 

Locale="pt-BR" Font-Size="8pt" >

<Columns>

<ej:Column DataType="number" Field="id" IsPrimaryKey="True"></ej:Column>

<ej:Column DataType="string" Field="mes"></ej:Column>

<ej:Column DataType="string" Field="Canal"></ej:Column>

<ej:Column DataType="string" Field="Divisao"></ej:Column>

<ej:Column DataType="string" Field="bu"></ej:Column>

<ej:Column DataType="string" Field="tipoVerba"></ej:Column>

<ej:Column DataType="string" Field="marca"></ej:Column>

<ej:Column DataType="string" Field="nomeAcao"></ej:Column>

<ej:Column DataType="number" Field="vlrCustoAcao"></ej:Column>

<ej:Column DataType="number" Field="volIncremental"></ej:Column>

<ej:Column DataType="number" Field="volRealizado"></ej:Column>

<ej:Column DataType="string" Field="userComprovacao"></ej:Column>

</Columns>

<PageSettings Template=""></PageSettings>

<ScrollSettings EnableTouchScroll="False"></ScrollSettings>

</ej:Grid>

Regards,

Hernique

[Sellappandi Ramu]

Hi Marcelo,

Thanks for using Syncfusion Products.

We have analyzed your code snippet and found that you have used Font-Size property in your sample to customize the style. So we suggest you to use CSSClass property to customize the grid. Based on your requirement we have created a sample and it can be downloaded from following link location.

Sample link: Sample.zip

In the above sample we have used CssClass property in Grid to customize the grid size. Please refer the below code snippet.

<ej:Grid ID="OrdersGrid" runat="server" AllowPaging="True" AllowSorting="true" MinWidth="0" AllowGrouping="true" AllowMultiSorting="true" AllowResizeToFit="true" Locale="pt-BR" CssClass="gridfont" >

</ej:Grid>

<style>

.gridfont, .e-grid .e-headercelldiv{

font-size: 20px;

}
</style>

Please let us know if you have any queries.

Regards,
Sellappandi R

[Henrique]

Hi,

Thank you very much, worked perfectly.

Regards

Henrique

[Sellappandi Ramu]

Hi Marcelo,

Thanks for the update.

We are happy to hear that your issues have been resolved.

Please get back to us if you need any further assistance we are happy to assist you.

Regards,
Sellappandi R