[Solved] Update/Cancel Images Not Showing In EditForms

[Mansour]

In my RadGrid, if I set EditMode="EditForms", the checkmark and x  for update and cancel disappear and get replaced with text. However, if I set EditMode="InPlace", I get the icons. How can I get the icons with EditForms?

01.<telerik:RadGrid ID="rgPackagesHistory" AllowSorting="true" GridLines="Horizontal" AllowAutomaticDeletes="false"
02.    AllowAutomaticInserts="false" AllowAutomaticUpdates="false" runat="server" PageSize="10"
03.    AllowPaging="true" AllowFilteringByColumn="false" ShowStatusBar="true" AllowMultiRowSelection="true"
04.    OnItemCommand="rgPackagesHistory_ItemCommand" OnItemDataBound="rgPackagesHistory_ItemDataBound"
05.    OnUpdateCommand="rgPackagesHistory_UpdateCommand" OnDeleteCommand="rgPackagesHistory_DeleteCommand">
06.    <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" />
07.    <MasterTableView Width="100%" CommandItemDisplay="None" DataKeyNames="Package_ID" HorizontalAlign="Center"
08.        AutoGenerateColumns="False" EditMode="EditForms">
09.        <CommandItemSettings />
10.        <NestedViewTemplate>
11.            <b>Any other benefits:</b> <%# Eval("Package_AnyOtherBenefit") %><br />
12.            <b>Comments:</b> <%# Eval("Package_Comments") %><br />
13.        </NestedViewTemplate>
14.        <Columns>
15.            <telerik:GridNumericColumn DataField="Package_MinAge" UniqueName="Package_MinAge" ReadOnly="false" MaxValue="255" />
16.            <telerik:GridNumericColumn DataField="Package_MaxAge" UniqueName="Package_MaxAge" ReadOnly="false" MaxValue="255" />
17.            <telerik:GridBoundColumn DataField="Package_DownPayment" UniqueName="Package_DownPayment" ReadOnly="false" MaxLength="50" />
18.            <telerik:GridBoundColumn DataField="Package_AdminFees" UniqueName="Package_AdminFees" ReadOnly="false" MaxLength="50" />
19.            <telerik:GridBoundColumn DataField="Package_InterestRate" UniqueName="Package_InterestRate" ReadOnly="false" MaxLength="50" />
20.            <telerik:GridBoundColumn DataField="Package_InsuranceRate" UniqueName="Package_InsuranceRate" ReadOnly="false" MaxLength="50" />
21.            <telerik:GridNumericColumn DataField="Package_MaxPeriod" UniqueName="Package_MaxPeriod" ReadOnly="false" MaxValue="255" />
22.            <telerik:GridBoundColumn DataField="Package_BaloonPayment" UniqueName="Package_BaloonPayment" ReadOnly="false" MaxLength="50" />
23.            <telerik:GridBoundColumn DataField="Package_AnyOtherBenefit" UniqueName="Package_AnyOtherBenefit" ReadOnly="false" MaxLength="50" Visible="false" />
24.            <telerik:GridBoundColumn DataField="Package_Comments" UniqueName="Package_Comments" ReadOnly="false" MaxLength="200" Visible="false" />
25.            <telerik:GridDateTimeColumn DataField="Package_Date" UniqueName="Package_Date" DataFormatString="{0: dd/MM/yyyy}" ReadOnly="true" />
26.            <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn"
27.                ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="50" ItemStyle-CssClass="MyImageButton" />
28.            <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" Text="Delete"
29.                EditFormColumnIndex="1" UniqueName="column1abc" ConfirmDialogType="RadWindow"
30.                ShowInEditForm="false" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="50" ItemStyle-CssClass="MyImageButton" />
31.        </Columns>
32.        <CommandItemSettings ShowRefreshButton="false" ShowAddNewRecordButton="True" />
33.        <PagerStyle AlwaysVisible="True" />
34.    </MasterTableView>
35.    <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
36.    <ClientSettings EnableRowHoverStyle="true">
37.        <Selecting AllowRowSelect="true" EnableDragToSelectRows="true" />
38.        <KeyboardNavigationSettings EnableKeyboardShortcuts="true" />
39.    </ClientSettings>
40.</telerik:RadGrid>

[Mansour]

Here are some screenshots of the different results.

[Mansour]

I hate to do this, but this post has almost been buried to the second page without any responses.. So, bump!

[Mansour]

Bump!

[Mansour]

Bump.......

[Eyup]

Hello Ali,

You can use the following property to achieve this requirement:

<EditFormSettings>
    <EditColumn ButtonType="ImageButton"></EditColumn>
</EditFormSettings>

That should do the trick.

Regards,
Eyup
Telerik