Datagrid / image button to edit

[rkbnair]

Is there any way to display an image button instead of the traditional
Edit/Update/Cancel push button in a datagrid (with bound data)?

[Joe Fallon]

Sure. Just use a Template column. This sample has 2 buttons in it - Edit and
Delete.
Note the Delete is wrappen in a Span tag which pops up a Confirm dialog
prior to posting to the server.
If the user clicks No then the dialog closes and no postback occurs. If they
click Yes then the postback occurs.
<asp:TemplateCo lumn HeaderText="Edi t and Delete Buttons">
<ItemTemplate >
<asp:imagebutto n CommandName="bt nEdit" id="btnEdit" runat="server"
ImageUrl="~/img/edit.gif" ToolTip="Edit"> </asp:imagebutton >
<span onclick="return confirm('Do you really want to delete this
record from the system?')">
<asp:imagebutto n CommandName="bt nDelete" id="btnDelete"
runat="server" ImageUrl="~/img/delete.gif"
ToolTip="Delete "></asp:imagebutton >
</span>
</ItemTemplate>
</asp:TemplateCol umn>

--
Joe Fallon

"rkbnair" <rk*****@discus sions.microsoft .com> wrote in message
news:55******** *************** ***********@mic rosoft.com...

Is there any way to display an image button instead of the traditional
Edit/Update/Cancel push button in a datagrid (with bound data)?

[rkbnair]

The source code gives syntax errors.

Compiler does not recognize the imageurl etc.

"Joe Fallon" wrote:

Sure. Just use a Template column. This sample has 2 buttons in it - Edit and
Delete.
Note the Delete is wrappen in a Span tag which pops up a Confirm dialog
prior to posting to the server.
If the user clicks No then the dialog closes and no postback occurs. If they
click Yes then the postback occurs.
<asp:TemplateCo lumn HeaderText="Edi t and Delete Buttons">
<ItemTemplate >
<asp:imagebutto n CommandName="bt nEdit" id="btnEdit" runat="server"
ImageUrl="~/img/edit.gif" ToolTip="Edit"> </asp:imagebutton >
<span onclick="return confirm('Do you really want to delete this
record from the system?')">
<asp:imagebutto n CommandName="bt nDelete" id="btnDelete"
runat="server" ImageUrl="~/img/delete.gif"
ToolTip="Delete "></asp:imagebutton >
</span>
</ItemTemplate>
</asp:TemplateCol umn>

--
Joe Fallon

"rkbnair" <rk*****@discus sions.microsoft .com> wrote in message
news:55******** *************** ***********@mic rosoft.com...

Is there any way to display an image button instead of the traditional
Edit/Update/Cancel push button in a datagrid (with bound data)?

[Joe Fallon]

There is no source code error.
This is a copy of code from a fully functioning datagrid.

Ensure you copy all of the code including the <asp:TemplateCo lumn ...> tag
and place it in your datagrid. Change the name of the image and img folder
to your versions.
--
Joe Fallon

"rkbnair" <rk*****@discus sions.microsoft .com> wrote in message
news:D5******** *************** ***********@mic rosoft.com...

The source code gives syntax errors.

Compiler does not recognize the imageurl etc.

"Joe Fallon" wrote:

Sure. Just use a Template column. This sample has 2 buttons in it - Edit and Delete.
Note the Delete is wrappen in a Span tag which pops up a Confirm dialog
prior to posting to the server.
If the user clicks No then the dialog closes and no postback occurs. If they click Yes then the postback occurs.
<asp:TemplateCo lumn HeaderText="Edi t and Delete Buttons">
<ItemTemplate >
<asp:imagebutto n CommandName="bt nEdit" id="btnEdit" runat="server" ImageUrl="~/img/edit.gif" ToolTip="Edit"> </asp:imagebutton >
<span onclick="return confirm('Do you really want to delete this record from the system?')">
<asp:imagebutto n CommandName="bt nDelete" id="btnDelete"
runat="server" ImageUrl="~/img/delete.gif"
ToolTip="Delete "></asp:imagebutton >
</span>
</ItemTemplate>
</asp:TemplateCol umn>

--
Joe Fallon

"rkbnair" <rk*****@discus sions.microsoft .com> wrote in message
news:55******** *************** ***********@mic rosoft.com...

Is there any way to display an image button instead of the traditional
Edit/Update/Cancel push button in a datagrid (with bound data)?

[rkbnair]

I'm sorry. I did that and it works now.

However, how to make the edit button functional?
i.e. makes the grid editable, provide an update button, and update the
database?

"Joe Fallon" wrote:

There is no source code error.
This is a copy of code from a fully functioning datagrid.

Ensure you copy all of the code including the <asp:TemplateCo lumn ...> tag
and place it in your datagrid. Change the name of the image and img folder
to your versions.
--
Joe Fallon

"rkbnair" <rk*****@discus sions.microsoft .com> wrote in message
news:D5******** *************** ***********@mic rosoft.com...

The source code gives syntax errors.

Compiler does not recognize the imageurl etc.

"Joe Fallon" wrote:

Sure. Just use a Template column. This sample has 2 buttons in it - Edit and Delete.
Note the Delete is wrappen in a Span tag which pops up a Confirm dialog
prior to posting to the server.
If the user clicks No then the dialog closes and no postback occurs. If they click Yes then the postback occurs.
<asp:TemplateCo lumn HeaderText="Edi t and Delete Buttons">
<ItemTemplate >
<asp:imagebutto n CommandName="bt nEdit" id="btnEdit" runat="server" ImageUrl="~/img/edit.gif" ToolTip="Edit"> </asp:imagebutton >
<span onclick="return confirm('Do you really want to delete this record from the system?')">
<asp:imagebutto n CommandName="bt nDelete" id="btnDelete"
runat="server" ImageUrl="~/img/delete.gif"
ToolTip="Delete "></asp:imagebutton >
</span>
</ItemTemplate>
</asp:TemplateCol umn>

--
Joe Fallon

"rkbnair" <rk*****@discus sions.microsoft .com> wrote in message
news:55******** *************** ***********@mic rosoft.com...
> Is there any way to display an image button instead of the traditional
> Edit/Update/Cancel push button in a datagrid (with bound data)?