forum

Home / DeveloperSection / Forums / Gridview show edit button

Ask Question

Gridview show edit button

Anonymous User187523-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>

asp.netasp.net 
Updated on 23-Aug-2014
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

Sumit Kesarwani

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>

Liked By