Rotator Styling

3 posts, 0 answers
  1. Angie
    Angie avatar
    113 posts
    Member since:
    Jan 2008

    Posted 12 Apr 2016 Link to this post

    I've bumped up against an issue where in the basic rotator, my button on the right overlaps the content.  This happens only in Chrome, and it looks fine in all other browsers.  I haven't added any styling and I'm doing it on a blank test page.  So either the existing default styling is off, or there is some setting (like my widths?)  that I need to adjust.  Any help is appreciated.



    <telerik:RadRotator RenderMode="Lightweight" ID="RadRotator1" OnItemDataBound="RadRotator1_ItemDataBound" runat="server" Width="930px" Height="200px"
                                RotatorType="Buttons"  ItemHeight="200" ItemWidth="896"   >
               test test test

  2. Angie
    Angie avatar
    113 posts
    Member since:
    Jan 2008

    Posted 12 Apr 2016 in reply to Angie Link to this post

    Updated to add that I've tried the styling solution and it doesn't work.

    .RadRotator .rrButton.rrButtonRight
              right: 0px !important;

  3. Vessy
    Vessy avatar
    2212 posts

    Posted 15 Apr 2016 Link to this post

    Hi Angie,

    We are aware of the reported issue in some of our previous releases but it has been working properly in or latest versions. Can you upgrade to the latest version of the controls and see whether this will resolve the problem (2016.1.225)?

    Meanwhile, you can try fixing the problem temporary with a similar CSS style:
    .RadRotator .rrButtonRight
        margin-right: -17px !important;

    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top