.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
 
Sign In
Register
 
Win Surprise Gifts!!!
Congratulations!!!


Top 5 Contributors of the Month
sritaa
Sandeep Singh
Melody Anderson
Sharad
Eminent IT

  

ImageButton Control

   
 
     


Introduction :

ImageButton Control is similar to Button Control. Everything is similar in properties and events, but User can see Image instead of Button.

ImageButton Control is similar to Button Control. Everything is similar in properties  and events, but User can see Image instead of Button.


Important Properties of Asp.NET Webserver  ImageButton control are given below. You can Set /Get these properties at Design time or at Runtime.

CausesValidation -  Accept Boolean Value - Used to Validate the page when Image Button click event fires.

Enabled - Accept Boolean Value- Used to Get/Set  Imagebutton Enabled.

Height - Accept IntegerValue  -  Used to Set/Get height of the Image.

OnClientClick - Accept  String value  - Used specify the client side function name (eg. Javascript function name.This property is available in .NET Framework 2.0 onwards which will execute the client side function by just setting the function name.)

Width - Accept IntergerValue -  Used to set the width of the ImageButton

Events available in Asp.Net Webserver ImageButton Control are:

Click - If PostbackURL property is set then click event will not fire on clicking of the Image, it will go to
           Target page.
Init 
Load
PreRender
UnLoad

Lets See an example

Your .aspx code will look like this for a WebServer Control ImageButton

        <asp:ImageButton ID="ImageButton1" runat="server"

            ImageUrl="~/dotnetsparklogo.gif" onclientclick="MyJavaScriptFunction()"

            PostBackUrl="~/Default2.aspx" />

Full Html Code Used in this example

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>ImageButton Samples - DotNetSpark.com</title>

    <script language="javascript" type="text/javascript">

            function MyJavaScriptFunction()

            {

                alert("Hello");

            }

        </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

   

        <asp:ImageButton ID="ImageButton1" runat="server"

            ImageUrl="~/dotnetsparklogo.gif" onclientclick="MyJavaScriptFunction()"

            PostBackUrl="~/Default2.aspx" />

   

    </div>

    </form>

</body>

</html>
Other Tutorials in the same Category:
      
  • CheckBoxList Control      
  • Button Control      
  • Calendar Control      
  • CheckBox Control      
  • DropDownList Control or Combobox      
  • FileUpload Control      
  • Hidden Field Control      
  • ImageButton Control      
  • Link Button Control      
  • ListBox Control      
  • Literal Control      
  • RadioButton Control      
  • RadioButtonList Control      
  • TextBox Control

  •  
         
     
    Return to Main Index Page


    Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend