Grid Edit Form Alignment

[Ken]

 I have two columns one a bound column and one a template column. The alignment of the template data column is left of the bound column


<telerik:GridBoundColumn DataField="First Name" 

    FilterControlAltText="Filter First Name column" HeaderText="First Name" 

    SortExpression="First Name" UniqueName="First Name">

    <ItemStyle HorizontalAlign="Left" />

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="First Name" UniqueName="First Name">

      <EditItemTemplate>

       <telerik:RadTextBox id="tbFirstName" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "First Name") %>'></telerik:RadTextBox>

       <asp:RequiredFieldValidator id="RequiredFieldValidator1" runat="server" ErrorMessage="(Required)"

        ControlToValidate= "tbFirstName" ForeColor="Red"> </asp:RequiredFieldValidator>

      </EditItemTemplate>

    <ItemStyle HorizontalAlign="Left" />

<ItemTemplate>  

    <asp:Label ID="dtFirst_Name" runat="server" Text='<%# Eval("First Name", "{0}") %>' />  

</ItemTemplate>  

</telerik:GridTemplateColumn>

How can I make these line up?
Thanks

[Shinu]

Hello Ken,

I suppose you want to show all the controls in same line. Try setting EditMode to "InPlace".

aspx:

<telerik:RadGrid ID="RadGrid1" runat="server>
<MasterTableView Width="100%" CommandItemDisplay="Top" DataKeyNames="EmployeeID" EditMode="InPlace">
. . . . . . . . . . . . . .

Thanks,
Shinu.

[Ken]

See attached... EditMode is EditForm
I would like the different size text boxes to align left.
Also any other like combo box or dates to also align left even if different sizes

Thanks

[Pavlina]

Hello Ken,

Give a try with the following code and see whether it helps to align the textboxes to left:
CSS:

<style type="text/css">
       .rgEditForm td div
       {
           text-align: left;
       }
   </style>

Best wishes,
Pavlina
the Telerik team

[Ken]

I add this and it work ok for combobox and text but not for datetimepicker see attached

.rgEditForm td div

{

display: block;

text-align: left;

}

[Pavlina]

Hello Ken,

Could you paste your complete aspx and code-behind?

Kind regards,
Pavlina
the Telerik team