Margins around elements in default edit form

[Darren]

Is there a way to add margins around elements in the built in default edit form (AllowAutomaticUpdates="true")? The items are too close together. Sample attached. Thanks!

[Konstantin Dikov]

Hi Darren,

You can set the EditFormSettings FormTableStyle-CellPadding property to add padding to each cell in the EditForm:

<telerik:RadGrid runat="server" ID="RadGrid1" OnNeedDataSource="RadGrid1_NeedDataSource">
    <MasterTableView>
        <Columns>
            <telerik:GridEditCommandColumn></telerik:GridEditCommandColumn>
        </Columns>
        <EditFormSettings FormTableStyle-CellPadding="5">
        </EditFormSettings>
    </MasterTableView>
</telerik:RadGrid>

You could also style the form by using the .rgEditForm class:

<telerik:RadGrid runat="server" ID="RadGrid1" OnNeedDataSource="RadGrid1_NeedDataSource" CssClass="customStyles">
    <MasterTableView>
        <Columns>
            <telerik:GridEditCommandColumn></telerik:GridEditCommandColumn>
        </Columns>
    </MasterTableView>
</telerik:RadGrid>

And the CSS:

<style type="text/css">
    div.RadGrid.customStyles .rgEditForm td{
        padding-right: 10px;
    }
</style>

Hope this helps.


Regards,
Konstantin Dikov
Telerik