New to Telerik UI for ASP.NET AJAXStart a free 30-day trial

Client-side Programming Overview

RadRotator for ASP.NET AJAX offers a rich Client-Side API that allows you to control the look and the behavior of the control on the client with JavaScript.

MethodDescription
add_buttonClickSets a name of a JavaScript function to be called when rotator's button is clicked
add_buttonOutSets a name of a JavaScript function to be called when mouse's cursor hovers out of rotator's button
add_buttonOverSets a name of a JavaScript function to be called when mouse's cursor is over rotator's button
add_itemClicked(function_name)Sets a name of a JavaScript function to be called after a item is clicked
add_itemClicking(function_name)Sets a name of a JavaScript function to be called when an item is clicked
add_itemShowing(function_name)Sets a reference to the JavaScript function to be called when an item is about to be shown.
add_itemShown(function_name)Sets a reference to the JavaScript function to be called after an item has been shown.
add_loadSets a name of a JavaScript function to be called when the rotator is loaded.
add_mouseOut(function_name)Sets a reference to the JavaScript function to be called after the mouse leaves a item.
add_mouseOver(function_name)Sets a reference to the JavaScript function to be called when the mouse hovers a item.
addRotatorItemCreates and adds a new item to the RadRotator's client-side item collection. The item will not exist in the rotator's items collection on the serverThis method accepts two parameters: radRotatorItemData - an object that has a property named Html . The HTML markup of the new item should be specified in this property. If this parameter is not set, an empty item will be added in the RadRotator.; index - the position, in which the item will be added. If this parameter is not specified, the new item will be added at the last position.
clearItemsClears all items in the RadRotator's client-side items collection. The items will not be removed in the rotator's items collection on the server
dataBindBinds the data of the RadRotator
get_appendClientDataBoundItemsGets whether data bound items will be appended to the Rotator
get_clientDataSourceGets the RadClientDataSource that is associated with the Rotator
get_clientDataSourceIDGets the ID of the RadClientDataSource that is associated with the Rotator
get_clientTemplateGets the client template of the Rotator
get_currentItemGets the current item.
get_currentItemIndexGets the index of the currently shown item.
get_dataSourceGets the data source of the Rotator
get_defaultAnimationDirectionReturns the default animation direction.
get_frameDurationGets the time in milliseconds each frame will display in automatic scrolling scenarios.
get_heightGets rotator's height
get_initialItemIndexGets rotator's initial item's index
get_itemsReturns rotator's item collection.
get_rotatorTypeGets rotator's type
get_scrollDurationGets the speed in milliseconds for scrolling rotator items.
get_widthGets rotator's width
get_wrapFramesReturns true if RadRotator is set to start scrolling the rotator frames from the beginning, once the rotator shows the last frame.
isAutomaticAdvanceReturns a Boolean that indicates if the rotator is set in AutomaticAdvance mode.
isScrollingForwardReturns a Boolean that indicates if the rotator is scrolling forwards.
isScrollingLeftReturns a Boolean that indicates if the rotator is scrolling to the left.
isScrollingUpReturns a Boolean that indicates if the rotator is scrolling upward.
isSlideShowReturns a Boolean that indicates if the rotator is set in SlideShow mode
isVerticalReturns a Boolean that indicates if the rotator is verticalr
isViewportScrollModeReturns a Boolean that indicates if the rotator is scrolling item by item or it is scrolling the whole viewport
isVisibleReturns a Boolean that indicates if the rotator is visible.
loadItemsFromWebServiceManually requests new data for a RadRotator that uses load-on-demand.
pausePauses the animation
remove_buttonClickRemoves the reference
remove_buttonOutRemoves the reference
remove_buttonOverRemoves the reference
remove_itemClicked(function_name)Removes the Javascript function identified by function_reference.
remove_itemClicking(function_name)Removes the Javascript function identified by function_reference.
remove_itemShowing(function_name)Removes the Javascript function identified by function_reference.
remove_itemShown(function_name)Removes the Javascript function identified by function_reference.
remove_loadRemoves the reference.
remove_mouseOut(function_name)Removes the Javascript function identified by function_reference.
remove_mouseOver(function_name)Removes the Javascript function identified by function_reference.
removeRotatorItemRemoves an item from the RadRotator's client-side items collection. The removed item will exist in the rotator's items collection on the serverThis method accepts one parameter: index - the position of the item that will be removed. If this parameter is not specified, the last item from the collection will be removed.
repaintRedraw the rotator
resumeResumes the paused animation
set_appendClientDataBoundItems(value)Sets whether data bound items will be appended to the Rotator
set_clientDataSourceID(id)Sets the ID of the RadClientDataSource that is associated with the Rotator
set_clientTemplate(value)Sets the client template of the Rotator
set_currentItemIndexSets currently shown item by its index
set_dataSource(data)Sets a custom data source for the RadRotator
set_frameDurationSets the time in milliseconds each frame will display in automatic scrolling scenarios.
set_heightSets the RadRotator height in pixels.
set_rotatorTypeSets rotator's type
set_scrollDurationSets the speed in milliseconds for scrolling rotator items.
set_widthSets the RadRotator width in pixels.
set_wrapFramesAccepts true or false as an argument. When set to true, RadRotator will start scrolling the rotator frames from the beginning, once the last frame is shown.
showNextscrolls the rotator in the specified direction and shows the next frame. The direction parameter must be of type Telerik.Web.UI.RotatorScrollDirection , e.g. rotator1.showNext(Telerik.Web.UI.RotatorScrollDirection.Right);
startStarts the animation
stopStops the animation
stopViewportAnimationIf an item is partially shown and the rotator is paused, calling this function will force the rotator to fully display the item.

RadTicker for ASP.NET AJAX methods:

MethodDescription
get_autoAdvanceGets whether RadTicker will begin ticking the next tickerline (if any) after it has finished ticking the current one. Returns true or false.
get_lineDurationGets time in milliseconds the of pause RadTicker makes before starting to tick the next line (if AutoAdvance=True ).
get_loopGets whether RadTicker will repeat the first tickerline after displaying the last one. Returns true or false.
get_tickSpeedGets the duration in milliseconds between ticking each character of a tickerline.
set_autoAdvanceSets whether RadTicker will begin ticking the next tickerline (if any) after it has finished ticking the current one. Accepts true or false.
set_lineDurationSets time in milliseconds the of pause RadTicker makes before starting to tick the next line (if AutoAdvance=True ).
set_loopSets whether RadTicker will repeat the first tickerline after displaying the last one. Accepts true or false.
set_tickSpeedSets the duration in milliseconds between ticking each character of a tickerline.
startTickerStarts the ticker
stopTickerStops the ticker
tickNextLineforces the ticker to tick to the next line

The main idea of the methods pause , resume , start , stop is to be used in combination. Their functionality can be compared to that of a player - when stopped, the animation will be reset on a new start and when paused, the animation will continue from the same moment if rotation is resumed. These methods are designed to be used with a RadRotator control that includes automatic advance. This means the following modes: AutomaticAdvance , Carousel , CoverFlow , SlideShow .

Not finding the help you need?
Contact Support