BarChart Control (demo)

The BarChart control enables you to render a bar chart from one or more series of values.

Properties

Name	Description
BaseLineColor	A color of the base lines of the chart.
CategoriesAxis	This is a required property. You need to provide a set of values for the category axis to create a bar chart
CategoryAxisLineColor	A color of the category axis lines.
ChartType	A type of bar charts including Column, StackedColumn, Bar, and StackedBar.
ClientSeries	Provides a list of series to the client side. The Values property is required for designer experience support, because the editor always prevents providing values to the client side as ExtenderControlProperty at runtime.
Series	A list of series.
ValueAxisLineColor	A color of the value axis lines.
ValueAxisLines	Interval size for the value axis line. The default is 9

Client properties

baseLineColor
Enables you to set a color of the base lines of the chart.
Getter name: get_baseLineColor()
Setter name: set_baseLineColor(value)

categoriesAxis
This is a required property. You need to provide a set of values for the category axis to create a bar chart
Getter name: get_categoriesAxis()
Setter name: set_categoriesAxis(value)

categoryAxisLineColor
Enables you to set a color of the category axis lines.
Getter name: get_categoryAxisLineColor()
Setter name: set_categoryAxisLineColor(value)

chartHeight
Enables you to customize chart height.
Getter name: get_chartHeight()
Setter name: set_chartHeight(value)

chartTitle
Enables you to set the chart's title.
Getter name: get_chartTitle()
Setter name: set_chartTitle(value)

chartTitleColor
Enables you to set a font color of the chart title.
Getter name: get_chartTitleColor()
Setter name: set_chartTitleColor(value)

chartType
Enables you to render different types of bar charts including Column, StackedColumn, Bar, and StackedBar
Getter name: get_chartType()
Setter name: set_chartType(value)

chartWidth
Enables you to customize chart width.
Getter name: get_chartWidth()
Setter name: set_chartWidth(value)

clientSeries
A list of series.
Getter name: get_clientSeries()
Setter name: set_clientSeries(value)

theme
Enables you to control the appearance of the bar chart with a Cascading Style Sheet file
Getter name: get_theme()
Setter name: set_theme(value)

valueAxisLineColor
Enables you to set a color of the value axis lines.
Getter name: get_valueAxisLineColor()
Setter name: set_valueAxisLineColor(value)

valueAxisLines
Enables you to set interval size for a value axis line.
Getter name: get_valueAxisLines()
Setter name: set_valueAxisLines(value)

BubbleChart Control (demo)

The BubbleChart control enables you to render a bubble chart from one or more series of values. This control is compatible with any browser that supports SVG including Internet Explorer 9 and above.

Properties

Name	Description
AxislabelFontColor	The axis label font color
BaseLineColor	The color of the base lines of a chart.
BubbleChartClientValues	Provides a list of values to the client side. The Values property is required for designer experience support, because the editor always prevents providing values to the client side as ExtenderControlProperty at runtime.
BubbleChartValues	A list of values.
BubbleLabel	Text/label that will be shown in the tooltip and describe a bubble value.
BubbleSizes	The number of different bubble sizes. The default is 5
TooltipBackgroundColor	A background color of the tooltip box. The default is #FFC652
TooltipBorderColor	A border color of the tooltip box. The default is #B85B3E
TooltipFontColor	A font color of the tooltip box. The default is #0E426C
XAxisLabel	Text/label to describe what data is in XAxis.
XAxisLineColor	A color of the X axis lines of the chart.
XAxisLines	Iinterval size for the X axis line of the chart. The default is 6
YAxisLabel	Text/label to describe what data is in YAxis.
YAxisLineColor	A color of the Y axis lines of the chart.
YAxisLines	Interval size for the Y axis line of the chart. The default is 6

Client properties

axislabelFontColor
Enables you to set the axis label font color. The default is #000000
Getter name: get_axislabelFontColor()
Setter name: set_axislabelFontColor(value)

baseLineColor
Enables you to set the color of the base lines of the chart
Getter name: get_baseLineColor()
Setter name: set_baseLineColor(value)

bubbleChartClientValues
A list of values.
Getter name: get_bubbleChartClientValues()
Setter name: set_bubbleChartClientValues(value)

bubbleLabel
Enables you to set the text/label that will be shown in the tooltip and describe a bubble value.
Getter name: get_bubbleLabel()
Setter name: set_bubbleLabel(value)

bubbleSizes
Enables you to set the number of different sizes of the bubbles
Getter name: get_bubbleSizes()
Setter name: set_bubbleSizes(value)

chartHeight
Enables you to customize the chart height. The default is 200
Getter name: get_chartHeight()
Setter name: set_chartHeight(value)

chartTitle
Enables you to set the chart's title.
Getter name: get_chartTitle()
Setter name: set_chartTitle(value)

chartTitleColor
A font color of the chart title.
Getter name: get_chartTitleColor()
Setter name: set_chartTitleColor(value)

chartWidth
Enables you to customize the chart width. The default is 300
Getter name: get_chartWidth()
Setter name: set_chartWidth(value)

theme
Enables you to control the appearance of the bar chart with a CSS file. The default is 'BubbleChart'
Getter name: get_theme()
Setter name: set_theme(value)

tooltipBackgroundColor
Enables you to set a background color of the tooltip box. The default is #FFFFFF
Getter name: get_tooltipBackgroundColor()
Setter name: set_tooltipBackgroundColor(value)

tooltipBorderColor
Enables you to set a border color of the tooltip box. The default is #B85B3E
Getter name: get_tooltipBorderColor()
Setter name: set_tooltipBorderColor(value)

tooltipFontColor
Enables you to set a font color of the tooltip box. The default is #0E426C
Getter name: get_tooltipFontColor()
Setter name: set_tooptipFontColor(value)

xAxisLabel
Enables you to set the text/label to describe what data is in XAxis.
Getter name: get_xAxisLabel()
Setter name: set_xAxisLabel(value)

xAxisLineColor
Enables you to set the color of the X axis lines of the chart
Getter name: get_xAxisLineColor()
Setter name: set_xAxisLineColor(value)

xAxisLines
Enables you to set interval size for the X axis line of the chart. The default is 6
Getter name: get_xAxisLines()
Setter name: set_xAxisLines(value)

yAxisLabel
Enables you to set the text/label to describe what data is in YAxis.
Getter name: get_yAxisLabel()
Setter name: set_yAxisLabel(value)

yAxisLineColor
Enables you to set the color of the Y axis lines of the chart
Getter name: get_yAxisLineColor()
Setter name: set_yAxisLineColor(value)

yAxisLines
Enables you to set interval size for the Y axis line of the chart. The default is 6
Getter name: get_yAxisLines()
Setter name: set_yAxisLines(value)

Gravatar Control (demo)

The Gravatar control is an ASP.NET AJAX Control Toolkit control that enables you to use gravatar images on your web forms. Gravatar is a Globally Recognized Avatar provided by Gravatar.com.

Properties

Name	Description
DefaultImage	An image Url that will be diplayed if a gravatar image can't be displayed because of inacceptable rating or an email account is not associated with the gravatar. It must be an absolute URL.
DefaultImageBehavior	An image displayed when the gravatar is not associated with an email account. Possible values are Identicon, MonsterId, MysteryMan, Retro, Wavatar.
Email	An email that is associated with an account at Gravatar.com.
Rating	Acceptable rating of an image to display.
Size	The requested size of an image that the gravatar needs to render (both width and height).

LineChart Control (demo)

The LineChart control enables you to render a line chart from one or more series of values. This control is compatible with any browser that supports SVG including Internet Explorer 9 and above. This control can display two types of LineCharts: Basic and Stacked.

Properties

Name	Description
AreaDataLabel	Enables you to set text/label that will be shown in the tooltip and describe an area data value
BaseLineColor	Enables you to set the color of the chart's base lines
CategoriesAxis	Provides a set of values for the category axis to create a line chart
CategoryAxisLineColor	Enables you to set the color of the category axis lines
ChartType	Enables you to render two types of line charts: Basic or Stacked
ClientSeries	Provides a list of series to the client side Remarks: The Series property is required for designer experience support because the editor always prevents the property's capability to provide values to the client side as ExtenderControlProperty at runtime
Series	Provides a list of series
TooltipBackgroundColor	Enables you to set a background color of the tooltip box
TooltipBorderColor	Enables you to set a border color of the tooltip box
TooltipFontColor	Enables you to set a font color of the tooltip box
ValueAxisLineColor	Enables you to set a color of a value axis line
ValueAxisLines	Enables you to set interval size for a value axis line

Client properties

areaDataLabel
Enables you to set text/label that will be shown in the tooltip and describe a area data value
Getter name: get_areaDataLabel()
Setter name: set_areaDataLabel(value)

baseLineColor
Enables you to set a color of the chart's base lines
Getter name: get_baseLineColor()
Setter name: set_baseLineColor(value)

categoriesAxis
Provides a set of values for the category axis to create a line chart
Getter name: get_categoriesAxis()
Setter name: set_categoriesAxis(value)

categoryAxisLineColor
Enables you to set a color of category axis lines
Getter name: get_categoryAxisLineColor()
Setter name: set_categoryAxisLineColor(value)

chartHeight
Enables you to customize chart height
Getter name: get_chartHeight()
Setter name: set_chartHeight(value)

chartTitle
Enables you to set the chart's title
Getter name: get_chartTitle()
Setter name: set_chartTitle(value)

chartTitleColor
Enables you to set a font color of the chart's title
Getter name: get_chartTitleColor()
Setter name: set_chartTitleColor(value)

chartType
Enables you to render two types of line charts: Basic or Stacked
Getter name: get_chartType()
Setter name: set_chartType(value)

chartWidth
Enables you to customize chart width
Getter name: get_chartWidth()
Setter name: set_chartWidth(value)

clientSeries
Provides a list of series
Getter name: get_clientSeries()
Setter name: set_clientSeries(value)

theme
Enables you to control the appearance of a line chart with a CSS file
Getter name: get_theme()
Setter name: set_theme(value)

tooltipBackgroundColor
Enables you to set a background color of the tooltip box
Getter name: get_tooltipBackgroundColor()
Setter name: set_tooltipBackgroundColor(value)

tooltipBorderColor
Enables you to set a border color of the tooltip box
Getter name: get_tooltipBorderColor()
Setter name: set_tooltipBorderColor(value)

tooltipFontColor
Enables you to set a font color of the tooltip box
Getter name: get_tooltipFontColor()
Setter name: set_tooltipFontColor(value)

valueAxisLineColor
Enables you to set a color of a value axis line
Getter name: get_valueAxisLineColor()
Setter name: set_valueAxisLineColor(value)

valueAxisLines
Enables you to set interval size for a value axis line
Getter name: get_valueAxisLines()
Setter name: set_valueAxisLines(value)

Client methods

calculateInterval()
Calculates a distance interval for the value axis

calculateMinMaxValues(chartType)
Calculates minimum and maximum values of specified data
Params:

chartType
- Type: Sys.Extended.UI.LineChartType
- Description: Chart type

calculateValueAxis()
Calculates label values for the value axis to display on the chart

drawAxisValues()
Writes horizontal and vertical axis values of the chart

drawBackgroundHorizontalLines()
Draws background horizontal lines of the chart

drawBackgroundVerticalLines()
Draws background vertical lines of the chart

drawBaseLines()
Draws base lines of the chart

drawLegendArea()
Draws legends of the chart

drawLines()
Draws lines on the chart

initializeSVG()
Creates SVG and its initial content

LineChartSeries (demo)

Properties

Name	Description
Data	Provides data for a particular series
LineColor	Enables you to set a line color for a particular series
Name	The name of the LineChart series

NoBot Control (demo)

NoBot is a control that prevents CAPTCHA-like bot/spam without user interactions. This approach is easier to bypass than the implementation that requires actual human intervention, but NoBot has the benefit of being completely invisible. NoBot is probably most relevant for low-traffic sites where blog/comment spam is a problem and 100% effectiveness is not required.
NoBot employs a few different anti-bot techniques: * Forcing the client's browser to perform a configurable JavaScript calculation and verifying the result as part of a postback. For example, the calculation may be simple numeric or may involve the DOM for added assurance that a browser is involved * Enforcing a configurable delay between a request sent to a form and the time it can be posted back. For example, a human is unlikely to complete a form in less than two seconds * Enforcing a configurable limit to the number of acceptable requests for each IP address per unit of time. For example, a human is unlikely to submit the same form more than five times in a minute. NoBot can be tested by violating any of the above mentioned techniques: posting back quickly, posting back many times, or disabling JavaScript in the browser.

Properties

Name	Description
CutoffMaximumInstances	Optional maximum number of postbacks to allow by a single IP address within the cutoff window
CutoffWindowSeconds	Optional number of seconds specifying the length of the cutoff window that tracks previous postbacks from each IP address
ResponseMinimumDelaySeconds	Optional minimum number of seconds before which a response (postback) is considered valid

Methods

EmptyUserAddressCache()
Clears the user address cache

GetCopyOfUserAddressCache()
Returns a copy of the user address cache

IsValid(state)
Returns whether or not the user is valid
Params:

state
- Type: NoBotState
- Description: NoBot state

IsValid()
Returns whether or not the user is valid

Events

GenerateChallengeAndResponse
An optional EventHandler providing a custom implementation of the challenge/response code

PieChart Control (demo)

The PieChart control enables you to render a pie chart from one or more PieChartValues. This control is compatible with any browser which supports SVG including Internet Explorer 9 and above.

Properties

Name	Description
PieChartClientValues	Provides the list of PieChartValues to the client side Remarks: Needs help from the PieChartValues property for designer experience support, because Editor always blocks the property's ability to provide values to the client side as ExtenderControlProperty does at runtime
PieChartValues	A list of PieChartValues

Client properties

chartHeight
Height of the chart
Getter name: get_chartHeight()
Setter name: set_chartHeight(value)

chartTitle
A title of the chart
Getter name: get_chartTitle()
Setter name: set_chartTitle(value)

chartTitleColor
Font color of the chart title
Getter name: get_chartTitleColor()
Setter name: set_chartTitleColor(value)

chartWidth
Width of the chart
Getter name: get_chartWidth()
Setter name: set_chartWidth(value)

pieChartClientValues
Provides the list of PieChartValues
Getter name: get_pieChartClientValues()
Setter name: set_pieChartClientValues(value)

theme
A theme of the chart
Getter name: get_theme()
Setter name: set_theme(value)

Rating Control (demo)

The Rating control provides intuitive rating experience that allows users to select the number of stars that represents their rating

Properties

Name	Description
AutoPostBack	Set to True to cause a postback on a rating item click
BehaviorID	ID of the behavior object
CurrentRating	An Initial rating value
EmptyStarCssClass	A CSS class for a star in empty mode
FilledStarCssClass	A CSS class for a star in filled mode
ID	Rating control ID
MaxRating	Maximum rating value
RatingDirection	Orientation of stars (LeftToRightTopToBottom or RightToLeftBottomToTop)
ReadOnly	Whether or not the rating can be changed
StarCssClass	A CSS class for a visible star
Tag	A custom parameter to pass to ClientCallBack
WaitingStarCssClass	A CSS class for a star in waiting mode

Methods

GetCallbackResult()
Returns a callback result

RaiseCallbackEvent(eventArgument)
Raises the callback event
Params:

eventArgument
- Type: String
- Description: Event argument

RaisePostBackEvent(eventArgument)
Raises the postback event
Params:

eventArgument
- Type: String
- Description: Event argument

Events

Changed
Fires when rating is changed

RatingExtender (demo)

The Rating extender provides intuitive rating experience that allows users to select the number of stars that represents their rating. The page designer can specify the initial rating, the maximum rating to allow, the alignment and direction of stars, and custom styles for the different states a star can have. Rating also supports a ClientCallBack event that allows custom code to run after the user has rated something.

Properties

Name	Description
AutoPostBack	True to cause a postback on a rating item click
CallbackID	ID of the callback
EmptyStarCssClass	A CSS class for a star in empty mode
FilledStarCssClass	A CSS class for star in filled mode
MaxRating	A maximum rating value
Rating	A current rating value
RatingDirection	Orientation of stars (LeftToRightTopToBottom or RightToLeftBottomToTop)
ReadOnly	Whether or not the rating can be changed
StarCssClass	A CSS class for a visible star
Tag	A custom parameter to pass to the ClientCallBack
WaitingStarCssClass	A CSS class for a star in waiting mode

ReorderList Control (demo)

ReorderList is an ASP.NET AJAX control that implements a bulleted data-bound list with items that can be reordered interactively. To reorder items in the list, a user simply drags the item's control bar to its new location. Graphical feedback is shown where the item will be placed as it is dragged by the user. The data source is updated after the item is dropped in its new location.
When bound to data, the ReorderList control will behave like many other databound controls. If data you are displaying has a field that determines sort order (e.g. the select query is sorted by this column), and that column is of an integer type, the ReorderList can automatically perform reorders if its SortOrderField property is set. ReorderList can also be bound to a data source that implements IList (such as Arrays). The ReorderList control is different than other samples because it is an ASP.NET server-side control that is aware of ASP.NET AJAX behavior. Rather than extending existing controls on a page, it delivers rich client-side experience directly and still has a traditional postback server model for interaction with an application. ReorderList can handle reorders in two ways either via a callback or postback. In the case of a callback, no page postback happens on reordering. This is useful if data is only to be ordered. If data items are to be deleted or edited, a full postback needs to occur to sync the server side-state with the client0side state. The PostbackOnReorder property enables this.

Properties

Name	Description
AllowReorder	Determines whether or not to allow drag/drop reordering. It is automatically set to true if ReorderTemplate is present
CallbackCssStyle	A callback CSS style
DataKeyField	The primary key field for data
DataKeys	The indexed collection of data keys (one key for each row when data is bound)
DataSourceID	ID of the data source to use to populate this control
DragHandleAlignment	Sets the drag handle relative to the item row (Top, Bottom, Left, or Right)
DragHandleTemplate	A template for the drag handle that a user clicks and drags to reorder items
EditItemIndex	An index of an item that is currently in Edit mode. The default value is -1, which means no item is in edit mode
EditItemTemplate	A template to display for a row that is in Edit mode
EmptyListTemplate	A template to show when a list has no data. This item is not data-bindable
HasFooter	Determines whether or not the list has a footer
HasHeader	Determines whether or not the list has a header
HasSeparators	Determines whether or not the list has separators
InsertItemTemplate	A template to show for adding new items to the list
ItemInsertLocation	Determines where new items are inserted into the list (Beginning or End)
Items	A collection of reodered list items
ItemTemplate	A template to display for items in the list
LayoutType	The type of a layout to apply to items. If Table is selected, the DragHandleAlignment property is used to lay out items in relation to the drag handle. If not, items are simply wrapped in the Panel controls and can be positioned using CSS
PostBackOnReorder	Determines whether or not to do a postback on reordering
ReorderTemplate	A template to use as a visible drop element when a user is dragging an item. This template is not data-bindable
RepeatedItemCount	Determines the count of repeated items
ShowInsertItem	Determines whether or not the InsertItem is shown. If this value is not set and the InsertItemTemplate is set, the default value is set to true
SortOrderField	The name of a column that controls the sort order of rows in the data base

Methods

GetItemStyle(itemType, repeatIndex)
Returns style of the reorder list item
Params:

itemType
- Type: ListItemType
- Description: Item type

repeatIndex
- Type: Int
- Description: Repeat index

RenderItem(itemType, repeatIndex, repeatInfo, writer)
Renders an item
Params:

itemType
- Type: ListItemType
- Description: Item type

repeatIndex
- Type: Int
- Description: Repeat index

repeatInfo
- Type: RepeatInfo
- Description: Repeat into

writer
- Type: HtmlTextWriter
- Description: Writer

UpdateItem(rowIndex)
Updates the specified row with its current values
Params:

rowIndex
- Type: Int
- Description: Row index

TabContainer Control (demo)

TabContainer is an ASP.NET AJAX Control, which creates a set of tabs that can be used to organize page content. TabContainer is a host for a number of TabPanel controls.

Properties

Name	Description
ActiveTab	The current active tab
ActiveTabIndex	The first tab to show
ActiveTabIndexForClient	The first tab to show Remarks: For the client side
AutoPostBack	Make an auto postback from JavaScript when a tab index changes
CssClass	The CSS class override used to define custom look and feel for tabs Remarks: See the Tabs Theming section for more details
Height	Height of a tab body (does not include TabPanel headers)
OnClientActiveTabChanged	Fires on the client side when a tab is changed
OnDemand	Determines whether or not to render/load precise tabs on demand or all tabs on page load
ScrollBars	Determines whether or not to display scrollbars (None, Horizontal, Vertical, Both, Auto) in the TabContainer body
Tabs	A collection of tabs
TabStripPlacement	Determines whether or not to render tabs on top of the container or below (Top, Bottom)
UniqueID	AutoPostback ID
UseVerticalStripPlacement	Determines whether or not to render tabs on the left or right side of the container
VerticalStripWidth	Width of tab panels when tabs are displayed vertically
Width	Width of the tab body

Events

ActiveTabChanged
Fires on the server side when a tab is changed after a postback

Client properties

activeTab
The currently active tab
Getter name: get_activeTab()
Setter name: set_activeTab(value)

activeTabIndex
The first tab to show
Getter name: get_activeTabIndex()
Setter name: set_activeTabIndex(value)

autoPostBackId
AutoPostback ID
Getter name: get_autoPostBackId()
Setter name: set_autoPostBackId(value)

onDemand
Determines whether or not to render/load tabs on demand or all tabs on page load
Getter name: get_onDemand()
Setter name: set_onDemand(value)

scrollBars
Determines whether or not to display scrollbars (None, Horizontal, Vertical, Both, Auto) in the TabContainer body
Getter name: get_scrollBars()
Setter name: set_scrollBars(value)

tabs
A collection of tabs
Getter name: get_tabs()

tabStripPlacement
Determines whether or not to render tabs on top of the container or below (Top, Bottom)
Getter name: get_tabStripPlacement()
Setter name: set_tabStripPlacement(value)

useVerticalStripPlacement
Determines whether or not to render tabs on the left or right side of the container
Getter name: get_useVerticalStripPlacement()
Setter name: set_useVerticalStripPlacement(value)

Client methods

getFirstTab(includeDisabled)
Returns TabContainer's first tab
Params:

includeDisabled
- Type: Boolean
- Description: Include disabled tabs

getLastTab(includeDisabled)
Returns TabContainer's last tab
Params:

includeDisabled
- Type: Boolean
- Description: Include disabled tabs

getNearestTab(includeDisabled)
Returns TabContainer's nearest tab
Params:

includeDisabled
- Type: Boolean
- Description: Include disabled tabs

getNextTab(includeDisabled)
Returns TabContainer's next tab
Params:

includeDisabled
- Type: Boolean
- Description: Include disabled tabs

getPreviousTab(includeDisabled)
Returns TabContainer's previous tab
Params:

includeDisabled
- Type: Boolean
- Description: Include disabled Tabs

saveClientState()
Saves JSON state serialized on the client side

Client events

activeTabChanged
Fires when a tab is changed
Add event handler method: add_activeTabChanged(handler)
Remove event handler method: remove_activeTabChanged(handler)
Raise event method: raise_activeTabChanged()

TabPanel (demo)

TabPanel is a part of the TabContainer element. It can be used to organize page content. Each TabPanel defines its HeaderText or HeaderTemplate as well as the ContentTemplate that defines its content.The most recent tab should remain selected after a postback, and the Enabled state of tabs should be preserved after a postback.

Properties

Name	Description
ContentTemplate	TemplateInstance.Single ITemplate to use for rendering the body
DynamicContextKey	An arbitrary string value to be passed to the dynamically populated Web method
DynamicServiceMethod	The name of a method to call on the page or web service
DynamicServicePath	The URL of the web service to call
Enabled	Determines whether or not to display a tab for the TabPanel by default Remarks: This can be changed on the client side
HeaderTemplate	TemplateInstance.Single ITemplate to use to render the header
HeaderText	Text to display in the tab
OnClientClick	The name of a JavaScript function to attach to the tab's client-side Click event
OnClientPopulated	A handler to attach to the client-side populated event
OnClientPopulating	A handler to attach to the client-side populating event
OnDemandMode	Determines whether or not to load a tab (Always, Once, None) when the container's onDemand property is true
ScrollBars	Detemines whether or not to display scrollbars (None, Horizontal, Vertical, Both, Auto) in the body of the TabPanel
UpdatePanelID	Introduces UpdatePanelID to the client side by prototyping it
WasLoadedOnce	Determines the loading status of the tab in Once demand mode

Client properties

dynamicContextKey
An arbitrary string value to be passed to the dynamically populated web method
Getter name: get_dynamicContextKey()
Setter name: set_dynamicContextKey(value)

dynamicServiceMethod
The name of the method to call on the page or web service
Getter name: get_dynamicServiceMethod()
Setter name: set_dynamicServiceMethod(value)

dynamicServicePath
The URL of the web service to call
Getter name: get_dynamicServicePath()
Setter name: set_dynamicServicePath(value)

enabled
Determines whether or not to display the tab for the TabPanel by default
Getter name: get_enabled()
Setter name: set_enabled(value)

headerTab
A header tab
Getter name: get_headerTab()
Setter name: set_headerTab(value)

headerText
Text to display in the tab
Getter name: get_headerText()
Setter name: set_headerText(value)

onDemandMode
Determines whether or not to load the tab (Always, Once, None) when the container's onDemand property is true
Getter name: get_onDemandMode()
Setter name: set_onDemandMode(value)

owner
The owner TabContainer
Getter name: get_owner()
Setter name: set_owner(value)

ownerID
The ID of the owner TabContainer element
Getter name: get_ownerID()
Setter name: set_ownerID(value)

scrollBars
Determines whether or not to display scrollbars (None, Horizontal, Vertical, Both, Auto) in the body of the TabPanel
Getter name: get_scrollBars()
Setter name: set_scrollBars(value)

tabIndex
The current tab index
Getter name: get_tabIndex()

updatePanelID
ID of the panel to update
Getter name: get_updatePanelID()
Setter name: set_updatePanelID(value)

wasLoadedOnce
Determines the loading status of the tab in Once demand mode
Getter name: get_wasLoadedOnce()
Setter name: set_wasLoadedOnce(value)

Client events

click
Fires on a click
Add event handler method: add_click(handler)
Remove event handler method: remove_click(handler)
Raise event method: raise_click()

populated
Fires when tab populating is performed
Add event handler method: add_populated(handler)
Remove event handler method: remove_populated(handler)
Raise event method: raise_populated()

populating
Fires when tab populating begins
Add event handler method: add_populating(handler)
Remove event handler method: remove_populating(handler)
Raise event method: raise_populating()

Controls:

Extenders:

Check out these other helpful articles:

Visual Studio support

	VS Extension (run the the installer)	NuGet package
Versions	2010 and higher	2010 and higher
Editions	Community, Professional, Premium, Ultimate (Enterprise)	Express, Community, Professional, Premium, Ultimate (Enterprise)
Toolbox integration	Yes	No

Browser support

Internet Explorer 8+
Google Chrome - most recent stable version
Opera - most recent stable version
Mozilla Firefox - most recent stable version
Apple Safari - most recent stable version

Google Chrome, Opera, FireFox, and Safari apply updates automatically, thus there are no configuration recommendations for these browsers

AJAX Control Toolkit Documentation

The AJAX Control Toolkit contains a rich set of controls that you can use to build highly responsive and interactive Ajax-enabled ASP.NET Web Forms applications.

Note: This content was moved from http://www.asp.net/ajaxlibrary/act.ashx to this Documentation wiki. This is now the authoritative location of the AJAX Control Toolkit documentation.

Check out these other helpful articles:

Visual Studio support

	VS Extension (run the the installer)	NuGet package
Versions	2010 and higher	2010 and higher
Editions	Community, Professional, Premium, Ultimate (Enterprise)	Express, Community, Professional, Premium, Ultimate (Enterprise)
Toolbox integration	Yes	No

Browser support

Internet Explorer 8+
Google Chrome - most recent stable version
Opera - most recent stable version
Mozilla Firefox - most recent stable version
Apple Safari - most recent stable version

Google Chrome, Opera, FireFox, and Safari apply updates automatically, thus there are no configuration recommendations for these browsers

AJAX Control Toolkit Documentation

The AJAX Control Toolkit contains a rich set of controls that you can use to build highly responsive and interactive Ajax-enabled ASP.NET Web Forms applications.

Note: This content was moved from http://www.asp.net/ajaxlibrary/act.ashx to this Documentation wiki. This is now the authoritative location of the AJAX Control Toolkit documentation.

AJAX Control Toolkit Accordion Control

The Accordion control lets you define multiple panes and display them one at a time. It is like having several CollapsiblePanel controls where only one can be expanded at a time. The Accordion control contains one or more AccordionPane controls. Each AccordionPane control has a template for its header and its content. The selected pane is automatically persisted across postbacks.

See the Accordion Control in action

The Accordion control supports the following AutoSize modes to accommodate a variety of page layouts.

None - The Accordion control grows and shrinks without restriction. This can cause other elements on the page to move up and down in order to accommodate the Accordion control.
Limit - The Accordion control never grows larger than the value specified by its Height property. This causes the content to scroll if the content is too long to be displayed in the allotted space.
Fill - The Accordion control is a fixed size as specified in its Height property. This causes the content to be expanded or shrunk if the content does not fit exactly into the allotted space.

Like most of the extenders in the AJAX Control Toolkit, the Accordion control is written using an extender. The extender requires input in a specific hierarchy of container elements (like div elements). Therefore, the Accordion and AccordionPane controls are used to generate the expected input for the extender. The extender can also be used on its own if you provide appropriate input.

The Accordion control can also be data-bound. To bind the control, specify a data source using the DataSource or DataSourceID properties, and then set the data items in the HeaderTemplate and ContentTemplate properties. You must call the DataBind method to bind the control to the data.

Accordion Tutorials

Creating a Simple Accordion

Accordion Reference

Reference

AJAX Control Toolkit Accordion Control

None - The Accordion control grows and shrinks without restriction. This can cause other elements on the page to move up and down in order to accommodate the Accordion control.
Limit - The Accordion control never grows larger than the value specified by its Height property. This causes the content to scroll if the content is too long to be displayed in the allotted space.
Fill - The Accordion control is a fixed size as specified in its Height property. This causes the content to be expanded or shrunk if the content does not fit exactly into the allotted space.

Accordion Tutorials

Creating a Simple Accordion

Accordion Reference

Reference

Upgrade your project to AjaxControlToolkit v15.1

Important note: The ASP.NET AJAX Control Toolkit v15.1 now requires that your project is using .NET framework v4.0 or higher. Projects targeting .NET framework v3.5 have to be migrated to a more recent .NET version before upgrading.

0 - Remove previous version

Make sure your have removed previous versions before installing ASP.NET AJAX Control Toolkit v15.1:

If you have added the toolkit to Toolbox via the “Choose items...” dialog, remove an assembly reference and reset your toolbox.
If you have added the toolkit via the NuGet package manager, simply uninstall the package from the solution.

1 - Install

To install the ASP.NET AJAX Control Toolkit v15.1 go to the Download page and get the new Installer (created by DevExpress).

If you use the fully-qualified name for the ASP.NET AJAX Control Toolkit assembly, then please ensure that all occurrences are updated (this includes references in web.config and @Register directives in the ASPX markup).

2 - Replace ToolkitScriptManager with ScriptManager

The ToolkitScriptManager has been deprecated for the v15.1 release. Please use the standard ScriptManager control. It should be sufficient to change the tag name in the markup from ToolkitScriptManager -> ScriptManager. If you find any issues, then please report them here.

Refer to the "ToolkitScriptManager Removed in v15.1, Use ScriptManager" article for details.

3 - Clean up Web.config

Remove the following outdated elements from your project’s web.config file:

// (in system.web/httpHandlers and system.webServer/handlers sections).
<addname="CombineScriptsHandler"verb="*"path="CombineScriptsHandler.axd"type="AjaxControlToolkit.CombineScriptsHandler, AjaxControlToolkit"/>


// (in system.web section)
<sectionname="sanitizer"requirePermission="false"type="AjaxControlToolkit.Sanitizer.ProviderSanitizerSection, AjaxControlToolkit"/> 

// (in system.web section)
<sanitizerdefaultProvider="HtmlAgilityPackSanitizerProvider">
. . .
</sanitizer>

4 - Use Microsoft.Web.Optimization for bundling and minification

The AjaxControlToolkit.CombineScriptsHandler have been removed for v15.1 and resource bundling was delegated to the ASP.NET Web Optimization Framework.

Find the detailed description and instructions on enabling it in the following article: How to use bundling and CDN.

Note: if you use named Control Bundles (defined in the ~/AjaxControlToolkit.config file), then adjust the script bundle virtual path as shown below:

"~/Scripts/AjaxControlToolkit/<ControlBundleName>Bundle".

5 - Html Editor extender

The following namespaces have been renamed so please update your code accordingly:

Change AjaxControlToolkit.HTMLEditor to AjaxControlToolkit.HtmlEditor.
Change AjaxControlToolkit.HTMLEditor.ToolbarButton to AjaxControlToolkit.HtmlEditor.ToolbarButtons.

To reduce the number of dependencies, we have moved Html Sanitizer out to an external NuGet package: AjaxControlToolkit.HtmlEditor.Sanitizer

For security concerns, we recommend that you always use Html Editor together with Html Sanitizer.

Reporting Issues

If you have any questions regarding upgrading your projects then open a ticket in the Issue Tracker.

Check out these other helpful articles:

Visual Studio support

	VS Extension (run the the installer)	NuGet package
Versions	2010 and higher	2010 and higher
Editions	Community, Professional, Premium, Ultimate (Enterprise)	Express, Community, Professional, Premium, Ultimate (Enterprise)
Toolbox integration	Yes	No

Browser support

Internet Explorer 8+
Google Chrome - most recent stable version
Opera - most recent stable version
Mozilla Firefox - most recent stable version
Apple Safari - most recent stable version

Google Chrome, Opera, FireFox, and Safari apply updates automatically, thus there are no configuration recommendations for these browsers

AJAX Control Toolkit Documentation

The AJAX Control Toolkit contains a rich set of controls that you can use to build highly responsive and interactive Ajax-enabled ASP.NET Web Forms applications.

Note: This content was moved from http://www.asp.net/ajaxlibrary/act.ashx to this Documentation wiki. This is now the authoritative location of the AJAX Control Toolkit documentation.

AJAX Control Toolkit (maintained by DevExpress)

Update September 2015:

The ASP.NET AJAX Control Toolkit v15.1.4 is now available!

Get the new installer from DevExpress.com (provides Visual Studio toolbox integration).

Or use the ASP.NET AJAX Control Toolkit Nuget package.

Learn about the v15.1.3 release here:

Blog: ASP.NET AJAX Control Toolkit - v15.1.4 - Maintenance update available

Check out these helpful articles:

Step-by-Step Installation Guide

Update August 2015:

The ASP.NET AJAX Control Toolkit v15.1.3 is now available!

Learn about the v15.1.3 release here: ASP.NET AJAX Control Toolkit - v15.1.3 - Maintenance update available

Update May 2015:

The ASP.NET AJAX Control Toolkit v15.1.2 is now available!

Learn about the v15.1.2 release here: ASP.NET AJAX Control Toolkit - v15.1.2 - Nuget, bug fixes, and more

Update March 2015:

The ASP.NET AJAX Control Toolkit v15.1 is now available! Get the new installer from DevExpress.com:

If you've used the toolkit in the past, you also know that for quite some time, the project was poorly supported, with an ever growing list of critical issues. Seeing the demand for such a library and considering its current state, we approached Microsoft and suggested that we help bring the Toolkit back into a dependable and usable state. Needless to say, Microsoft agreed. The good news is that since we took on this responsibility, we've managed to clean up the codebase, introduced improved Visual Studio support, and fixed nearly 900 bugs.

Download the DevExpress Edition of the AJAX Control Toolkit today, evaluate it in your project and let us know what you think.

Watch the Getting Started video:

Channel 9 Video: DevExpress maintains AjaxControlToolkit for ASP.NET WebForms Developers

Check out these helpful articles:

A great new installer makes the getting started experience much better:

Update September 2014:

The open sourced Ajax Control Toolkit now has a new owner: DevExpress. Please see the DevExpress announcement blog post for more details. Stay tuned for more updates coming soon.

The ASP.NET AJAX Control Toolkit is a classic set of ASP.NET WebForms extensions. It has been used in a huge number of existing projects and remains popular till now. The Toolkit contains more than 40 controls, including the HtmlEditor, Accordion, AutoComplete, Calendar and ColorPicker controls integrated with the Visual Studio design time.

To view an interactive Web site that demonstrates each of the Ajax Control Toolkit controls, visit theAjax Control Toolkit Sample Site. The official website for the Ajax Control Toolkit -- which contains reference documentation, tutorials, and answers to frequently asked questions -- is located at http://www.asp.net/ajaxlibrary/.

.NET 3.5 version is no longer supported in v15.1

AJAX Control Toolkit (maintained by DevExpress)