forum

home / developersection / forums / change autogenerateddelete linkbutton of gridview to an image button

Ask Question

Change AutoGeneratedDelete LinkButton of Gridview to an Image Button

Anonymous User 5404 11-Dec-2014

i have a gridview with AutoGenerateDeleteButton Property set true. Of course this property auto generates a linkbutton at the leftmost of the gridview, my question is, how can i change it to an Image Button?? i wanted my gridview to look more presentable by making the control buttons an image.

Thanks! 

asp.net c#  gridview 
Updated on 12-Dec-2014
Anonymous User

Anonymous User

Follow

I am a content writter !

Can you answer this question?
Answer

2 Answers

Jayden Bell

Jayden Bell

12-Dec-2014

You can create a TemplateField and use  autogeneratecolumns="false". 

Here's an example of a GridView: 

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns ="false">
    <Columns>
        <asp:TemplateField>
        <ItemTemplate>
            <asp:LinkButton ID="Link" runat="server" Text="click" OnClick="link_Click"/>
        </ItemTemplate>
        </asp:TemplateField>
        <asp:BoundField DataField="field1" HeaderText="My Column 1" />
        <asp:BoundField DataField="field2" HeaderText="My Column 2" />
     </Columns>
</asp:GridView>

Where field1 and field2 are headers from your DataTable 

And to access the row within the event handler: 

protected void link_Click(object sender, EventArgs e)
{
    int rowindex = ((GridViewRow)((Control)sender).NamingContainer).RowIndex;
    //do something with rowindex etc
}

Anonymous User

Anonymous User

12-Dec-2014

Try this 

<Columns>
  
<asp:CommandField ButtonType="Image"
DeleteImageUrl="~/Images/DeleteImage.png"
     
ShowDeleteButton="true"/>
</Columns>

And set AutoGenerateDeleteButton="false"

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy