Programming Tutorials

ValidatorCalloutExtender ValidatorCalloutExtender is an asp.net ajax control toolkit's extender control. ValidatorCalloutExtender control enhances the functionality of existing asp.net validators. The following asp.net ajax example code demonstrate us how can we use ValidatorCalloutExtender control. in this code we created a TextBox control and a RequiredFieldValidor control. the RequiredFieldValidator control ensure that the TextBox is a required field in the web form. we places a ValidatorCalloutExtender control to enhance the RequiredFieldValidator control. when someone submit the form without inputting TextBox value the ValidatorCalloutExtender show the error message in callout that was defined by the RequiredFieldValidator ErrorMessage property. ValidatorCalloutExtender control's have the following properties those are TargetControlID, Width, CssClass, HighlightCssClass, WarningIconImageUrl, CloseImageUrl and Animations. ValidatorCalloutExten...

SliderExtender in asp.net ajax SliderExtender is an asp.net ajax control toolkit's extender control. SliderExtender control allow asp.net developers to upgrade a TextBox server control to a graphical slider. The slider provide a way to users to choose a numeric value from a finite range. When someone choose a value using the slider, it is automatically persisted during full or partial postbacks. asp.net developers can continue to reference the TextBox to get and set the slider's value. A typical slider have three parts those are a rail, a handle and a TextBox or label to show the slider's current value. SliderExtender control's have the following properties those are TargetControlID, BoundControlID, Minimum, Maximum, Decimals, Steps, Value, EnableHandleAnimation, HandleAnimationDuration, RailCssClass, HandleCssClass, HandleImageURL, Length, RaiseChangeOnlyOnMouseUp and TooltipText. SliderExtender TargetControlID property specify a TextBox ...

TextBoxWatermarkExtender TextBoxWatermarkExtender is an asp.net ajax control toolkit's extender control. TextBoxWatermarkExtender control can be attached to an asp.net TextBox web server control. TextBoxWatermarkExtender control apply watermark behavior on target TextBox server control. When a watermarked textbox control is empty, it display a message in the text input area of the textbox with a custom css style. if someone typed some text into the textbox control, the watermarked appearance goes away. TextBoxWatermarkExtender control's properties are TargetControlID, WatermarkText and WatermarkCssClass. TargetControlID property specify the TextBox server control which we want to extend for attach watermark behavior. WatermarkText property set the message which we want to display in TextBox control when textbox has no value. WatermarkCssClass represent a css class which we want to apply into the textbox control when textbox has no value. Typically...

Accordion and AccordionPane in asp.net ajax Accordion is an asp.net ajax toolkit's control. Accordion web control provide multiple panes. only one pane can display at a time in an Accordion control. Accordion is implemented as a web control. an AccordionPane web control represent a pane in accordion. AccordionPane control built with a header template and a content template. asp.net developers can track the selected pane so it stays visible across postback. Accordion control support three auto size modes those are None, Limit and Fill. we can set Accordion auto size mode by setting a value for its AutoSize property. AutoSize mode None allow the Accordion grows or shrink without restriction. with this property Accordion size depends on pane content size. AutoSize mode Limit set a maximum height for Accordion control. in this mode, if the pane content is higher than Accordion Height property then a scrollbar appears in Accordion control. Fill mode stay...

RoundedCornersExtender in asp.net ajax RoundedCornersExtender is an asp.net ajax control toolkit's extender control. RoundedCornersExtender allow us to apply rounded corners to an element such as Panel, BulletedList, CheckBoxList, RadioButtonList server controls. to apply rounder corners, RoundedCornersExtender control insert elements before and after the target element, so the overall height of the target element will change slightly. RoundedCornersExtender control's have the following properties those are TargetControlID, Radius, Corners, Color and BorderColor. RoundedCornersExtender control's TargetControlID property specify the control which corners we want to make rounded. Corners property specify the corners of the target control that should be rounded. Corners enumeration have the following values those are None, TopLeft, TopRight, BottomRight, BottomLeft, Top, Right, Bottom, Left and All. so we can round any corner of target control ...

NumericUpDownExtender in asp.net ajax NumericUpDownExtender is an asp.net ajax control toolkit's extender control. NumericUpDownExtender control can be extend and attached to an asp.net TextBox server control. target textbox control add a Up and a Down button that increment and decrement the value in the textbox. the increment and decrement can be simple +1/-1 arithmetic. NumericUpDownExtender control have the following properties those are TargetControlID, TargetButtonUpID, TargetButtonDownID, Width, RefValues, Step, Minimum, Maximum, Tag, ServiceUpPath, ServiceUpMethod, ServiceDownPath and ServiceDownMethod. NumericUpDownExtender control's TargetControlID property specify the TextBox server control which we want to extend as a NumericUpDown control. Width property set the combined size of TextBox and Up/Down buttons. Width property minimum value is 25. Minimum property set the minimum allowed value for the extender control and Maximum proper...

ListSearchExtender ListSearchExtender is an asp.net ajax control toolkit's extender control. ListSearchExtender control can be extend asp.net ListBox and DropDownList web server controls. ListSearchExtender control allow us to search for items in an extended ListBox or DropDownList server control by typing. ListSearchExtender control provide an incremental search within the ListBox based on what has been typed so far. ListSearchExtender control have the following properties those are TargetControlID, PromptText, PromptCssClass, PromptPosition, QueryPattern, IsSorted, QueryTimeout, Animations, OnShow, OnShowBehavior, OnHide, OnHideBehavior and raiseImmediateOnChange. ListSearchExtender control's TargetControlID specify the asp.net ListBox or DropDownList control which we want to provide items search facility. PromptText property set a message to display when the target control get focus. PromptCssClass allow us to design prompt message using css st...

DragPanelExtender DragPanelExtender is an asp.net ajax control toolkit's extender control. DragPanelExtender control allow asp.net developers to add draggability to thier controls. DragPanelExtender control can be attached with asp.net Panel server control. DragPanelExtender control attached with an additional control to use as the drag handle. DragPanelExtender control have the two important properties those are TargetControlID and DragHandleID. TargetControlID property specify the Panel server control which we want to make draggable. DragHandleID specify a control which will serve as the drag handle for the target Panel control. when user clicks and drags DragHandleID property specified control, the target Panel will move. The following asp.net ajax example code demonstrate us how can we use DragPanelExtender to make a draggable panel. we can use the target Panel control as a container for other controls those we want to make draggable. in this exam...

ConfirmButtonExtender in asp.net ajax ConfirmButtonExtender is an asp.net ajax control toolkit's extender control. ConfirmButtonExtender control catches clicks on a button or any instance of a type derived from button. after catching the clicks from button instance ConfirmButtonExtender display a message to the user. popup message box have three parts those are a question (message), an OK button and and a Cancel button. typically popup message ask user that they really want to do the task or not. if they click the OK button from the popup message box that ConfirmButtonExtender control generated then the button or link functions normally. if user click Cancel button from message box then the click is trapped and the button will not not perform its default submit behavior. ConfirmButtonExtender control's have the following built in properties those are TargetControlID, ConfirmText, OnClientCancel, ConfirmOnFormSubmit and DisplayModalPopupID. Targe...

CollapsiblePanelExtender in asp.net ajax CollapsiblePanelExtender is an asp.net ajax control toolkit's extender control. CollapsiblePanelExtender allow us to create a collapsible section in asp.net web page. CollapsiblePanelExtender targets any Panel server control. the panel is postback aware. on a client postback it can automatically restores its client states. CollapsiblePanelExtender control have the following properties those are, TargetControlID, CollapsedSize, ExpandedSize, Collapsed, AutoCollapse, AutoExpand, ScrollContents, ExpandControlID, CollapseControlID, TextLabelID, CollapsedText, ExpandedText, ImageControlID, CollapsedImage, ExpandedImage and ExpandDirection. CollapsiblePanelExtender control's TargetControlID property specify the Panel which we want to expand and collapse. ExpandControlID specify the control that will expand target panel on a click. and CollapseControlID specify the control that will collapse target panel on a ...

CalendarExtender in asp.net ajax CalendarExtender is an asp.net ajax toolkit extender control. CalendarExtender can be attached to be any asp.net TextBox web server control. CalendarExtender allow us to client side date picking functionality. this calendar control provide us a customizable date format and user interface. user can click any day from calendar to select a date or simply can click the today date link to select the current date. calendar left and right arrows allow us to navigate between months. calendar title link provide us a way to change the view of calendar such as days in the current month, months in current year, years in the current decade. this feature is great to quickly jump any date in the past or future in calendar. CalendarExtender control have the following built in properties those are TargetControlID, CssClass, Format, PopupButtonID, PopupPosition, SelectedDate, StartDate and EndDate. CalendarExtender TargetControlID property ...

TabContainer and TabPanel TabContainer is an asp.net ajax control. TabContainer contain TabPanel objects. each TabPanel object represents a tab in TabContainer control. Tabs are used to organize the contents of TabContainer. this is a very useful tool when asp.net developers want to organize their page content in a small area. TabPanel object have two parts a Header and a Content area. tabs header can be define by HeaderText or HeaderTemplate. ContentTemplate define the tabs content which we want to display in tab. TabContainer have a great accessibility feature that we can access TabContainer by keyboard. we can navigate to different tabs by using keyboard left and right arrow keys. vertically displayed tabs can be navigate using keyboard up and down arrow keys. TabContainer have many built in properties such as ActiveTabIndex, Height, ScrollBars, TabStripPlacement, UseVerticalStripPlacement, VerticalStripWidth, AutoPostBack, OnDemand, CssClass, OnClient...

PagingBulletedListExtender in asp.net ajax PagingBulletedListExtender is an asp.net ajax control toolkit's extender control. PagingBulletedListExtender control can be attached to an asp.net BulletedList web server control and provide client side sorted paging. PagingBulletedListExtender control have the following properties those are TargetControlID, ClientSort, IndexSize, MaxItemPerPage, Separator, SelectIndexCssClass and UnselectIndexCssClass. PagingBulletedListExtender control's TargetControlID property specify the BulletedList server control which we want to extend as a sorted paging bulleted list. ClientSort property specify whether extended BulletedList control's items should be sorted client side. IndexSize property set the number of characters in the index headings should be appear in extended bulltedlist control. This property is ignored if MaxItemPerPage property have a value. MaxItemPerPage property allow us to set maximum number ...