Gridview show edit button

Anonymous User 2166 23 Aug 2014

I’m having some issues with the edit button inside a gridview. When you click edit in the gridview, the cancel button gets the same css class as the edit button. So my cancel button gets the same edit icon.

I want to change this so that the cancel button gets a different css-class. So I can give it the right icon instead of an edit icon

<asp:CommandField ShowEditButton="True" ButtonType="Button" ControlStyle-CssClass="edit-sprite"></asp:CommandField>

Ask by Anonymous User

Updated 23 Aug 2014

1 Answers

Sumit Kesarwani 23 Aug 2014

Hi Jeet,

You could use TemplateFields instead of CommandFields:

    
<asp:TemplateField ShowHeader="False">
       
<ItemTemplate>
           
<asp:LinkButton ID="EditButton" runat="server"
                           
CssClass="EditButton"
                           
CommandName="Edit" 
                           
Text="Edit" />
       
</ItemTemplate>
       
<EditItemTemplate>
           
<asp:LinkButton ID="UpdateButton"  runat="server"
                        
   CssClass="UpdateButton"
                           
CommandName="Update"
                           
Text="Update" />&nbsp;
           
<asp:LinkButton ID="Cancel"
                           
runat="server"
                           
CssClass="CancelButton"
                           
CommandName="Cancel"
                           
Text="Cancel" />
       
</EditItemTemplate>
      
</asp:TemplateField>
      
<asp:TemplateField>
        
<ItemTemplate>
          
<asp:LinkButton ID="DeleteButton"
  CssClass="DeleteButton"
                       
Text="Delete"
                       
CommandName="Delete" 
                       
runat="server" />
        
</ItemTemplate>
    
</asp:TemplateField>

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md

forum

Gridview show edit button

Can you answer this question?

1 Answers