Removing the arrows

[Dr. Acula]

This is my first time using the new radrotator and I can't seem to find any attribute that will allow me to turn off the arrows, any suggestions? I'm really stuck here

<telerik:RadRotator ID="dlNewsList" runat="server" ScrollDirection="Up" Height="207px" Width="228px" FrameDuration="0" EnableViewState="False"
ScrollDuration="5000"
        ItemHeight="90px" ItemWidth="220px" RotatorType="AutomaticAdvance"  >

[Fiko]

Hello Dr. Acula,

If you use RadRotator control in "AutomaticAdvance" mode, you should not see any arrows. The arrows appear when you use RotatorType with value "SlideShowButtons", "Buttons" or "ButtonsOver". Could you please provide more details about your RadRotator's configuration? Are you using custom buttons?

Additionally, I suggest you do not use value "0" for the FrameDuration property. The value "1" will do the trick.

I hope this helps.

Kind regards,
Fiko
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

[Dr. Acula]

after much head scratching I have it fixed, the arrows only appear when I try to apply a style to an a tag within the repeater,  which seems like a bit of a bug to me, surely there should just be an attribute to hide/show these buttons?

[Fiko]

Hi Dr. Acula,

By design, the RadRotator's buttons are render on the page and remain hidden if you use rotator in "AutomaticAdvance", "SlideShow" or "FromCode" mode. This behavior cannot be changed and you need to change your CSS selector in order to mach the objective tag only. I say this because the issue looks like the applied styles overrides the styles of the RadRotator control and this cause the undesired behavior - the buttons appear.


All the best,
Fiko
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

[Michael Campbell]

Im having the same issue however its not caused by styles within the item template. I have even simply put "aaa" as my item template and the arrorws are still showing regardless of what RotatorType I use.

A workaround solution: Adding the following to my css file made them disapear:

.rrButton

{

 

    display: none !important;

 

}

[Martin]

Hello Michael Campbell,

Strange issue indeed, we shall investigate it. However, the approach you have used is the correct one, and it can be used without concern that it will break something.

Greetings,
Martin Ivanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.