I don't ever use the radrotator because of how dated it is....sets a fixed with (rrClipRegion), rotated items flow behind that, jquery based animation...etc etc. Can we please knock this out of the park and make something like http://dimsemenov.com/plugins/royal-slider/ Look, if you guys didn't use your own rotator on the new telerik.com....something needs fixing, no? #Dogfooding
If a RadRotator is set in AutomaticAdvance mode and its property PauseOnMouseOver is set to true, it will start scrolling incorrectly when the cursor is moved over the items in the scroll direction before the scrolling is completed.
drag with easing and inertia. It would be nice if you could drag and throw the items and they would speed up or slow down based on the strength of the throw.
It will be possible to specify an ItemTemplate for RadRotator that loads its items on demand.
Currently the RadRotator is not displayed under mobile Chrome for iOS. The issue could be worked around by switching Chrome to "request desktop site" mode from the browser menu.
When the RadRotator is set with the Sitefinity built-in skin and it is configured in a mode with buttons, the buttons are not displayed. You can workaround the problem by adding the following CSS code on the page with the rotator: <style type="text/css"> div.RadRotator_Sitefinity .rrButton.rrButtonRight { right: 0; } div.RadRotator_Sitefinity .rrButton.rrButtonLeft { left: 0; } </style>
There are problems with the position of the control buttons of RadRotator in IE and Opera when lightweight render mode of the control is enabled either by setting RenderMode to Lightweight or by setting RenderMode to Auto, which in turn enables lightweight mode in the appropriate browsers. The workaround for this issue is to set the RenderMode property to Classic.
It would be nice to give Rotator the ability to refresh contents every x minutes or seconds right out of the box, providing a refresh interval option. This could only work when using webservices, page methods or any other data fetching method, as long as it existed :) This feature is very useful when data needs to be refresh without user intervention.
The problem happens when setting max-width to all Rotator divs using a weak CSS selector: .RadRotator div { max-width: 800px; } It is strongly advised to avoid using such selectors for the controls, as they may break the rendering and functionality (as is the current case). The workaround it to make sure that only DIVs outside the control have been affected by this CSS rule.
Hi, As the rotator works today, it does not only move contents according to the ScrollDirection property. It also sorts records according to ScrollDirection. Example: if i populate the rotator with records from a database with an SQL statement like "SELECT * FROM mytable ORDER BY DateSubmitted ASC", and then set ScrollDirection to "Down", the rotator starts sorting records in descending order, even though the SQL statement spcifically says to sort ascending. This is stupid in my opinion. The ScrollDirection property should do only precisely what it´s name suggests: move rotator contents in the direction set in the ScrollDirection property. The data source should decide in which order records are sorted. If I should change ScrollDirection for some reason, I will have to change the SQL statement to make records sort in the order I want them to as things are now. If I populate the rotator from code-behind, this means I will have also have to recompile the application instead of just changing the ScrollDirection property.
RadRotator stops working after Ctrl+F5 refresh if the ItemWidth is not set in Firefox. After the refresh RadRotator looses its item width calculation and show only the first item, the others and rendered on the next row. Video: https://www.screencast.com/t/hqYDQrPsemK 1. Run the code below in Firefox 2. Press Ctrl + F5 Result: The rotator does not rotate the items anymore <telerik:RadRotator ID="RadRotatorLogosTelerik" RotatorType="AutomaticAdvance" Skin="Metro" RenderMode="Lightweight" Visible="true" runat="server" EnableRandomOrder="false" Height="180px" Width="980px" ItemHeight="80px"> <Items> <telerik:RadRotatorItem> <ItemTemplate> <div id="imgitemTemplate"> <asp:Image ID="Image1" runat="server" AlternateText="becken" ImageUrl="https://placeimg.com/980/80/tech" /> </div> </ItemTemplate> </telerik:RadRotatorItem> <telerik:RadRotatorItem> <ItemTemplate> <div id="imgitemTemplate"> <asp:Image ID="Image2" runat="server" AlternateText="goodis" ImageUrl="https://placeimg.com/980/80/animals" /> </div> </ItemTemplate> </telerik:RadRotatorItem> <telerik:RadRotatorItem> <ItemTemplate> <div id="imgitemTemplate"> <asp:Image ID="Image3" runat="server" AlternateText="kubo" ImageUrl="https://placeimg.com/980/80/arch" /> </div> </ItemTemplate> </telerik:RadRotatorItem> </Items> </telerik:RadRotator>
When a RadRotator is configured in CoverFlowButtons mode and the currently displayed item is set via the client-side method set_currentItemIndex before the items are scrolled manually, the enabled/disabled state will not be applied correctly to the control buttons.
When 'FrameDuration' is set with small value, for example 1, the rotator will not be paused on mouse over even if 'PauseOnMouseOver' is set to 'true'.
When the rotator items are added declaratively by placing RadRotatorItem element in the Items collection, changing ItemWidth on the code-behind does not affect the width of the items.
An exception will be thrown when there is a a standard ImageButton or a standard Button with UseSubmitBehavior="true" in the ItemTemplate of a RadRotator and it triggers a postback.
The client-side events ClientMouseOver and ClientMouseOut are not fired when the items in the rotator are hovered.
There are multiple scenarios where the Ticker control does not behave consistently with & values. Text content that is not consistent: text & -> text &
You can observe it here: http://demos.telerik.com/aspnet-ajax/rotator/examples/carouselmode/defaultcs.aspx by clicking either of the sequences. Note: set the rotator to CarouselButtons to avoid cinfusion stemming from automatic advance. - red, grey, green. You will see red instead of green - blue, green, gray. You will see blue instead of gray One more item was rotated in each case. A workaround is to disable animations for these second and last items when their counterpart is currently shown: function OnClientItemClicked(sender, args) { var shouldAnimate = true; var indextToChangeTo = args.get_item().get_index(); var currIndex = sender.get_currentItemIndex(); var itemsCount = sender.get_items().length; if (currIndex == itemsCount - 1 && indextToChangeTo == 1 || //last item is shown, the second item is clicked currIndex == 1 && indextToChangeTo == itemsCount - 1) { //second item is shown, last item is clicked shouldAnimate = false; } sender.set_currentItemIndex(indextToChangeTo, shouldAnimate); }