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

Edit Forms wrong display

2 Answers 99 Views

Grid

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

Felipe de Jesús asked on 24 May 2011, 09:53 PM

sshot-5.png

This is my rad grid:

<telerik:RadGrid ID="rgrdUsers" runat="server" AllowAutomaticDeletes="True" AllowPaging="True"

AllowSorting="True" DataSourceID="sdsUsers" GridLines="None" HorizontalAlign="Center"

ShowStatusBar="True" OnItemCommand="rgrdUsers_ItemCommand"

OnItemDataBound="rgrdUsers_ItemDataBound"

Width="938px" AutoGenerateColumns="False" OnNeedDataSource="rgrdUsers_NeedDataSource"

OnInsertCommand="rgrdUsers_InsertCommand" OnUpdateCommand="rgrdUsers_UpdateCommand">

<PagerStyle Position="TopAndBottom" />

<MasterTableView CommandItemDisplay="Top" DataKeyNames="PKUser" DataSourceID="sdsUsers"

EditMode="EditForms" Width="100%">

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton">

<ItemStyle HorizontalAlign="Center" />

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn DataField="PKUser" HeaderText="User ID" ReadOnly="True"

SortExpression="PKUser" UniqueName="PKUser" Visible="False">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="usrName" EditFormColumnIndex="0"

HeaderText="<%$ Resources:Localization, usrName %>"

SortExpression="usrName" UniqueName="usrName">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem,"usrName")%>

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox ID="txtUsrName" runat="server" Text='<%#Bind("usrName") %>' />

<asp:FilteredTextBoxExtender ID="ftxtUsrName" runat="server"

FilterType="Custom, LowercaseLetters, UppercaseLetters"

TargetControlID="txtUsrName" ValidChars=" áéíóúñÁÉÍÓÚÑ" />

</EditItemTemplate>

<HeaderStyle Width="150px" HorizontalAlign="Center" />

<ItemStyle Width="150px" HorizontalAlign="Left" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="usrAccount" EditFormColumnIndex="0"

HeaderText="<%$ Resources:Localization, usrAccount %>"

SortExpression="usrAccount" UniqueName="usrAccount">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem,"usrAccount")%>

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox ID="txtUsrAccount" runat="server" Text='<%#Bind("usrAccount") %>' />

<asp:FilteredTextBoxExtender ID="ftxtUsrAccount" runat="server"

FilterType="Custom, LowercaseLetters, UppercaseLetters, Numbers"

TargetControlID="txtUsrAccount" ValidChars="." />

</EditItemTemplate>

<HeaderStyle Width="120px" HorizontalAlign="Center" />

<ItemStyle Width="120px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="usrDateAdd" EditFormColumnIndex="0"

HeaderText="<%$ Resources:Localization, usrDateAdd %>"

SortExpression="usrDateAdd" UniqueName="usrDateAdd">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem, "usrDateAdd", "{0:dd/MM/yyyy}")%>

</ItemTemplate>

<HeaderStyle Width="120px" HorizontalAlign="Center" />

<ItemStyle Width="120px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="usrObserv" EditFormColumnIndex="0"

HeaderText="<%$ Resources:Localization, usrComments %>"

SortExpression="usrObserv" UniqueName="usrObserv">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem,"usrObserv")%>

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox ID="txtUsrObserv" runat="server" Text='<%#Bind("usrObserv") %>' />

</EditItemTemplate>

<HeaderStyle Width="120px" HorizontalAlign="Center" />

<ItemStyle Width="120px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Privileges" EditFormColumnIndex="1"

HeaderText="<%$ Resources:Localization, usrPrivileges%>"

UniqueName="Privileges">

<ItemTemplate>

<asp:Label ID="lblPrivileges" runat="server" />

</ItemTemplate>

<EditItemTemplate>

<asp:CheckBoxList ID="chkPrivileges" runat="server" CellPadding="0" CellSpacing="0"

DataSourceID="sdsPermits" DataTextField="prmDescript" DataValueField="PKPermit">

</asp:CheckBoxList>

</EditItemTemplate>

<HeaderStyle Width="150px" HorizontalAlign="Center" />

<ItemStyle Width="150px" HorizontalAlign="Left" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Authorizer" EditFormColumnIndex="2"

HeaderText="<%$ Resources:Localization, usrApprover%>"

UniqueName="Authorizer">

<ItemTemplate>

<asp:Label ID="lblAuthorizer" runat="server" />

</ItemTemplate>

<EditItemTemplate>

<asp:CheckBoxList ID="chkAuthorizer" runat="server" CellPadding="0" CellSpacing="0"

DataSourceID="sdsTypeAuth" DataTextField="typeAuthDesc"

DataValueField="PKTypeAuth">

</asp:CheckBoxList>

</EditItemTemplate>

<HeaderStyle Width="150px" HorizontalAlign="Center" />

<ItemStyle Width="150px" HorizontalAlign="Left" VerticalAlign="Top" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="usrSignature" EditFormColumnIndex="0"

HeaderText="<%$ Resources:Localization, usrSign%>"

UniqueName="usrSignature">

<ItemTemplate>

<telerik:RadBinaryImage runat="server" ID="rb"

DataValue='<%#Eval("usrSignature") is DBNull ? null : Eval("usrSignature")%>'

AutoAdjustImageControlSize="false" Height="30px" Width="100px"

AlternateText="<%$ Resources:Localization, NoSignature %>" />

</ItemTemplate>

<EditItemTemplate>

<telerik:RadAsyncUpload ID="raupSignature" runat="server"

AllowedFileExtensions="bmp,gif,jpg,jpeg,png"

OnClientFileUploaded="clientFileUploaded" MaxFileInputsCount="1" Width="120px" />

</EditItemTemplate>

<HeaderStyle Width="120px" HorizontalAlign="Center" />

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete"

ConfirmText="<%$ Resources:Localization, usrDelete%>"

Text="Delete" UniqueName="Delete">

<ItemStyle HorizontalAlign="Center" />

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings CaptionDataField="usrName"

CaptionFormatString="<%$ Resources:Localization, usrEdit %>"

InsertCaption="<%$ Resources:Localization, usrInsert %>" ColumnNumber="3">

<FormCaptionStyle CssClass="editFormHeader" />

<FormTableItemStyle Wrap="False" />

<FormMainTableStyle BackColor="#fafad2" GridLines="None" CellSpacing="2" CellPadding="2"

Width="100%" />

<FormTableStyle CellSpacing="2" CellPadding="2" CssClass="editFormBody" />

<FormTableAlternatingItemStyle Wrap="False" />

<EditColumn ButtonType="ImageButton"

InsertText="<%$ Resources:Localization, lblInsert %>"

UpdateText="<%$ Resources:Localization, lblUpdate %>" UniqueName="EditCommand"

CancelText="<%$ Resources:Localization, lblCancel %>">

<ItemStyle CssClass="handCursor" />

</EditColumn>

<FormTableButtonRowStyle HorizontalAlign="Right" CssClass="editFormFooter" />

</EditFormSettings>

<EditItemStyle Width="33.3%" />

<PagerStyle Mode="NextPrevNumericAndAdvanced" />

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="True" />

<ClientEvents OnRowDblClick="RowDblClick" />

</ClientSettings>

</telerik:RadGrid>

And when i trying to insert o edit a record, the display it's weird. It's posible to correct the widht of the columns in the EditForm and the size of the items inside without using a Template?

I interested in obtain a result like the design of the Grid / Edit Form with Multiple Columns example. With columns with equal width and centered items.

Regards,
Felipe Meléndez.

2 Answers, 1 is accepted

Accepted