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

Inline editing CSS change

1 Answer 48 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Alex
Top achievements
Rank 2
Alex asked on 23 Jun 2010, 02:28 AM
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

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 24 Jun 2010, 04:02 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Grid
Asked by
Alex
Top achievements
Rank 2
Answers by
Dimo
Telerik team
Share this question
or