Strange visual distortion

4 posts, 0 answers
  1. Patrik Johansson
    Patrik Johansson avatar
    274 posts
    Member since:
    May 2010

    Posted 25 Apr 2012 Link to this post

    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?
  2. Slav
    Admin
    Slav avatar
    1359 posts

    Posted 26 Apr 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. Patrik Johansson
    Patrik Johansson avatar
    274 posts
    Member since:
    May 2010

    Posted 26 Apr 2012 Link to this post

    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?
  4. Slav
    Admin
    Slav avatar
    1359 posts

    Posted 27 Apr 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top