Left/Right Button on RadRotator

2 posts, 1 answers
  1. Jaime
    Jaime avatar
    12 posts
    Member since:
    Feb 2013

    Posted 06 Feb 2013 Link to this post

    I'm trying to use custom images for the left/right buttons on my implementation of the RadRotator. The problem I'm running into is that when I add the images they appear above and below the rotator instead of to the left and right like the default images do. Does anyone have any ideas as to how I can use custom image while still using custom api calls to make sure scrolling is limited to just one item at a time?

    Thanks,

    Jaime
  2. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 06 Feb 2013 Link to this post

    Hi Jaime

    I am not quite sure about your scenario.I think the issue is because of one of the two scenarios
    1)The image that you have attached might not be of the same way Telerik uses for its controls
    I am attaching a sample image of Telerik Defult Skin RotatorImage

    2)Another reason might be because of the image background-position
    Try the following css to change your backgound position of the image
    CSS:
    <style type="text/css">
    .RadRotator .rrButton.rrButtonRight (if for left then .rrButtonleft)
    {
     background-position: 0 -20px;
    }
    </style>

    Thanks
    Princy
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top