RadGrid EditForm CSS Question

[Karl]

I am working with a RadGrid to which I have applied a custom skin.  I am experiencing an issue trying to create a continuous border when an edit form template is present.

<td colspan="10" style="vertical-align:top;">
    <div class="rgEditForm">
    </div>
</td

In the code above, created when the grid renders the edit template, I have access to the CSS for rgEditForm, but the div created is 2px shorter both width and height than the td.  Thus, applying a border to the right results in a border that is 1px inset from the rest of the grid.

My question is, can I change the style declaration that sits on the td?  If I could append something after the vertical-align declaration, it would solve my problem.  Is this possible?

[Galin]

Hello Karl,

This div is shorter with two pixels, because its parent cell has padding: 1px.  You can add margin: -1px to rgEditForm, or catch it with javascript and remove the cell padding, e.g. :

CSS:

.rgEditForm
{
    margin: -1px;
}

or JS way:

$telerik.$('.rgEditForm').parent().css('padding', '0');

Greetings,
Galin
the Telerik team