Inline editing CSS change

[Alex]

Let me start by saying that I'm using a custom Skin based on the 2008 Q3 (I believe) Sunset skin.

I want to change the font of the inline editing and also the size of the field in my grid. Currently the inline editing font doesn't match the font I am using in my custom skin if the field is numeric, if the field is text it matches.

Pointing me to the right CSS that manages the inline editing would be greatly appreciated.

Thanks

[Dimo]

Hi Alex,

The RadGrid edit row has a special CSS class - rgEditRow (RadControls 2009.1 and newer) or GridEditRow_SkinName (RadControls 2008.3 and older). You can use it to target child elements in this row and apply styles, according to your preferences.

http://www.telerik.com/help/aspnet-ajax/grdcreatingnewskins.html

The numeric editor is a RadNumericTextBox, so you should customize its styles by using its CSS classes as well.

http://www.telerik.com/help/aspnet-ajax/input_appearancecssselectors.html


/* 2008.3 */
.GridEditRow_SkinName  .RadInput_SkinName  .riTextBox
{
       font-size: 12px ;
}

/* 2009.1 and newer */
.RadGrid_SkinName  .rgEditRow  .RadInput_SkinName  .riTextBox
{
       font-size: 12px ;
}


Best wishes,
Dimo
the Telerik team