Services
Technology Web App Development Mobile App Development Windows App Development Database Development UI/UX Development Cloud Development SEO Digital Marketing Guest Posting Content Writing Artificial Intelligence Data Science ERP Development CRM Development CMS Development LMS Development Business Listing Blockchain Technology Startup Promotion AI Tools Integration
Products
Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller
Developer
Article Blog Forum Interview Beginner News Startup Quiz
Users
Career
Apply Job Internship
Pricing
Login Sign Up Get a Quote

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 5708 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 12 Dec 2014
Anonymous User
Anonymous User

Other

I am a content writter !

Message

2 Answers

Jayden Bell
Jayden Bell 12 Dec 2014
Report Abuse

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
Report Abuse

Try this 

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

And set AutoGenerateDeleteButton="false"

MindStick Training