AJAX ToggleButton Control Extender

by top54u.com 01 Jun, 2008
Spotlight.....

ToggleButton AJAX extender control provides the functionality to use the ASP.Net 2.0 checkbox with new look. Custom images hide the checkboxes with images to show the checked and unchecked state of the attached checkbox control. You can specify the image URL for each different state of the checkbox control e.g.: checked and unchecked state of checkbox when its enabled property is true, checked and unchecked state of checkbox when its enabled property is false.

 

AJAX ToggleButton Control Properties

 

TargetControlID: ID of the checkbox control to attach it with AJAX toggle button extender control.

 

CheckedImageUrl: URL of the image to display as the checked state of toggle button checkbox control.

 

UncheckedImageUrl: URL of the image to display the unchecked state of target togglebutton checkbox control.

 

CheckedImageOverUrl: URL of the image for mouse over event when the attached togglebutton checkbox control is in checked state.

 

UncheckedImageOverUrl: URL of the image for mouse over event when the attached togglebutton checkbox control is in unchecked state.

 

DisabledCheckedImageUrl: URL of the image to display the checked state of the associated togglebutton checkbox control when its Enable property is false.

 

DisabledUncheckedImageUrl: URL of the image to display the unchecked state of the togglebutton checkbox control when its Enable property is false.

 

CheckedImageAlternateText: Alt text attribute for the checked image, when togglebutton is in the checked state.

 

UncheckedAlternateText: Alt text attribute for the unchecked image, when togglebutton is in the unchecked state.

 

ImageHeight/ImageWidth: Height and width of the images used for displaying the states of togglebutton checkbox.

 

 

Sample Code for AJAX ToggleButton Extender Control

 

    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:CheckBox ID="CheckBox1" runat="server" Text="Do you like this toggle button ajax extender" />
        <ajaxToolkit:ToggleButtonExtender
        ID="ToggleButtonExtender1"
        runat="server"
        TargetControlID="CheckBox1"
        CheckedImageUrl="images/checked.gif"
        UncheckedImageUrl="images/unchecked.gif"
        ImageHeight="16"
        ImageWidth="16">
        </ajaxToolkit:ToggleButtonExtender>
    </div>
    </form>
Spotlight.....

Be the first to rate this post

  • Currently 0/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5

Tags: , , , , , ,

Add comment


(Will show your Gravatar icon)  

  Country flag

[b][/b] - [i][/i] - [u][/u]- [quote][/quote]



Live preview

8/23/2008 9:00:31 PM

OUR SPONSORS[+ advertise here]
related videos.....
recent posts.....
top54u ezines.....