Rotator not displaying in Android Browser

[Michael]

Hi, I have a site that works fine in all the common desktop browsers but when viewed on the standard Browser that comes with Android 4 ICS on a tablet there are just spaces where the Rotator should be?I also tried it with the Dolphin Browser for Android, same results. I could not find anything in the documentation that states it does not work on Android? It works OK in iPhone/iPod.

[Slav]

Hi Michael,

We are aware of this issue. The RadRotator is not displayed under Android's default browser when it is configured in a SlideShow mode or in a mode that uses control buttons, for example Buttons or SlideShowButtons. For the time being you can use any of the other available modes if it is possible in your scenario. You can track the status of the issue and vote for it by following this link.

Please contact us again if you encounter additional problems.

Regards,
Slav
the Telerik team

[Michael]

Thanks, using buttons is the prefered user experience,  is there an easy way to check the browser and determine if it is the android browser and change the mode of the rotator accordingly? If so can you please give me some sample code?

[Slav]

Hello Michael,

This Stack Overflow thread shows a possible approach for detecting the use of an Android browser. If the check is positive and if the rotator is currently using buttons, you can initiate an Ajax request to update the RotatorType property of the control.

The following code sample should help you implement the workaround for this RadRotator problem:

var ua = navigator.userAgent.toLowerCase();
var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
var rotatorType = $find("RadRotator1").get_rotatorType();
if (isAndroid && rotatorType == Telerik.Web.UI.RotatorType.Buttons)
{
    // update the RadRotator via Ajax request
}

Greetings,
Slav
the Telerik team