Download Now Code Base AsyncDocs Contact Us
asyncImageButton
liveDemo
  • Click the image button to change the label text.
  • Move the your mouse over or out of the image button to chagen the label text.
AsyncImageButton (RenderMode = Button):

AsyncImageButton (RenderMode = Image):

Description

The AsyncImageButton provides you with a world-class, Aync-Enabled image button only rivaled by your native OS. It's one of three AsyncWebControls that gives you a simple interface that allows you to control each AsyncCallback and sort. Providing you with more than one way to position the text and the image, you can really use this image button as it was intended. And since its an AsyncCommandControl and an AsyncSortControl you can have your cake and eat it to. If you like customizing the look and feel of buttons this control is for you.



Features
  • Change it's Text value during an AsyncCallback.
  • Change it's image during an AsyncCallback.
  • Can be focused during an AsyncCallback.
  • Allows you to easily receive OnClick, OnCommand, OnMouseOver, and OnMouseOut events.
  • Its an AsyncWebControl, which means that you can change it's visibility, CSS class, Left/Top coordinate, Width/Height, and ForeColor/BackColor, during an AsyncCallback.
  • Supports many of the other properties provided by asp:ImageButton.
  • Functions as a regular server control if the browser does not support asynchronus operations, allowing you to support legacy browsers.
   
<%@ Register Assembly="AsyncControls" Namespace="DelvingWare.AsyncControls" TagPrefix="dw" %>

AsyncImageButton (RenderMode = Button):
<br/>
<dw:AsyncImageButton runat="server" ID="imgbtMain"
RenderMode="Button"
OnMouseOut="imgbtMain_MouseOut" 
OnMouseOver="imgbtMain_MouseOver" 
OnClick="imgbtMain_Click" 
ImageUrl="../images/imageIcon.gif" 
Width="130" 
Height="53"
Align="Left" 
TextAlign="Right" 
Text="Click Me"  
Title="Click AsyncImageButton" 
CssClass="asyncImageButton" 
DisableDuringCallback="false" />

<p />

AsyncImageButton (RenderMode = Image):
<br />
<dw:AsyncImageButton runat="server" ID="imgbtMain2"
OnMouseOut="imgbtMain_MouseOut" 
OnMouseOver="imgbtMain_MouseOver" 
OnClick="imgbtMain_Click" 
ImageUrl="../images/imageIcon.gif" 
Width="53" 
Height="53"
Text="Click Me"  
Title="Click AsyncImageButton" 
CssClass="asyncImageButton" 
DisableDuringCallback="false" />

<dw:AsyncLabel runat="server" ID="lblMain" 
RenderMode="bold" />