Strange visual distortion

[improwise]

I've noticed sometimes when using the Telerik components we get some "visual distortion", which I think is best described by this image:

http://screencast.com/t/pzDqpbhWMw

In short, it seem to be a small black square that shows up sometimes. In this case, it is with a RadRotator, but doesn't show up for all the items. We've seen this with other telerik components as well from time to time. We have tried with several different browsers, and made sure they were set to 100% zoom.

Any ideas?

[Slav]

Hi Patrik,

The RadRotator as well as other RadControls are using  li HTML elements in their rendering. The default styles of the RadRotator control apply the following CSS property to the ul that wraps them in order to remove the dots that are usually displayed with such elements:

list-style: none outside none !important;

Most probably there are custom styles on your page that are overwriting this CSS property and the li tag bullet is visible again. I would suggest checking which styles are causing this effect and removing them or changing their selectors so that they refer only the HTML elements they should target.

If you are still having difficulties resolving the issue at hand, please open a support ticket and send a simple, runnable page that includes only the problematic setup so that I can examine it locally and suggest an according solution.

Greetings,
Slav
the Telerik team

[improwise]

Thanks for your quick answer.

If it were CSS:es on our pages/site, isn't it reasonable to assume that they would cause the same problem to appear all the time and not just sometimes?

[Slav]

Hello Patrik,

It appears that sometimes the skin of the RadRotator control is not loaded correctly. I will need additional information about your setup in order to provide a concrete solution for the problem, as the exact cause cannot be determined with information you presented. Does the bullet appear on a specific occasion or is it displayed randomly? Are you using Ajax in order to load the RadRotator control on the page?

You can check if the information in the help article Skins Troubleshooting covers your case.

Note that currently I am guessing as to what your setup is. Please open a support ticket and send a simple, runnable page that isolates your scenario so that I can inspect it locally and provide a solution.

All the best,
Slav
the Telerik team