Test your technical skills online, appear in Virtual Interview and be ready for job!
Twitter Twitter LinkedIn YouTube Google
Be Interview ready ! | Search
Author
ASP.NET Tutorials
Author
Sheo Narayan
Advertisements


Winners

Win Prizes

Announcements
Like us on Facebook

Silverlight Tutorials | Report a Bug in the Tutorial
Found interesting? Add this to:


asp:ImageButton control
ImageButton control is used to post the form or fire an event either client side or server side. Its like a asp:Button control, the only difference is, you have ability to place your own image as a button.
 
ImageButton control is generally used to post the form or fire an event either client side or server side. When it is rendered on the page, generally it is implemented through <input type=image > HTML tag.

There is no UserSubmitBehavior property like Button control with LinkButton control.

Its properties like BackColor, ForeColor, BorderColor, BorderStyle, BorderWidth, Height etc. are implemented through style properites of <input> tag. You can set its Image location either by setting ImageURL properties in the .aspx page or from server side page. (other properties can also be set from both pages)

Following are some important properties that are very useful.
ImageUrl Gets or Sets the location of the image to display.
CausesValidation Value can be set as true/false. This indicates whether validation should be performed when a button is clicked.
PostBackUrl Indicates the URL on which the Form will be posted back.
ValidationGroup Gets or Sets the name of the validation group that the button belongs to. This is used to validate only a set of Form controls with a Button.
OnClick Attach a server side method that will fire when button will be clicked.
OnClientClick Attach a client side (javascript) method that will fire when button will be clicked.
DEMO : Button Show Source Code
  Ex. Example of Label Control
                        // with OnClick event
                        <asp:ImageButton ID="ImageButton1" runat="Server" ImageUrl="~/images/demoButton.gif" OnClick="ActivateServerSideEvent" />
                        
                        // With OnClientClick and CommandName
                        <asp:ImageButton ID="ImageButton2" runat="Server" ImageUrl="~/images/demoButton.gif" OnClientClick="GiveAlertToUser()" CommandName="ClientSideButton" />
                        
                        // With OnClick and ValidationGroup
                        <asp:ImageButton ID="ImageButton3" runat="Server" OnClick="FireServerSideEvent" ImageUrl="~/images/demoButton.gif" ValidationGroup="demo" />