[Solved] Textbox formatting with FormDecorator

[Jake]

I have a radGrid with inline editing enabled.  I also have a form decorator control enabled.

When editing, all textboxes within the grid have extra padding on both the right and left sides.  Click here to see a screen shot of what I am seeing.

This occurs only in IE.  FireFox renders the textbox perfectly.

Any help would be appreciated.

Regards,
Jake Rutherford

[Dimo]

Hello Jake,

Probably you are seeing this in IE6. The solution is to add the following CSS rule:

div.RadGrid  table.rfdRoundedWrapper  td
{
    padding:0;
    border:0;
}

Let us know if your case is different and/or the above does not help. Also, please provide a code snippet, which shows your scenario and implementation.

Best wishes,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Jake]

Dimo,

Thank you for the reply.  The css you provided did not have any effect.  I am seeing this issue with IE 7.

Considering the rounded corners were merely a nice UI feature and not a requirement, I disabled textboxes in the form decorator.  I still get the nice colored border, just no rounded corners.

[Dimo]

Hello Jake,

In this case the reason for the visual glitch might be some inappropriate textbox settings (e.g. width in percent) or some CSS styles inherited by the HTML elements, generated by RadFormDecorator in IE (a table and table cells). If you want the issue resolved, feel free to send a simple demo, which reproduces the issue. Thanks.

Kind regards,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.