This is a migrated thread and some comments may be shown as answers.
Rotator Styling
2 Answers 8 Views
This is a migrated thread and some comments may be shown as answers.
Angie
Top achievements
Rank 1
Angie asked on 12 Apr 2016, 04:59 PM

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"   >
    <Items>
        <telerik:RadRotatorItem></telerik:RadRotatorItem>
    </Items>
     <ItemTemplate>
           test test test
    </ItemTemplate>
</telerik:RadRotator>

2 Answers, 1 is accepted

Sort by
0
Angie
Top achievements
Rank 1
answered on 12 Apr 2016, 10:29 PM

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

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

0
Vessy
Telerik team
answered on 15 Apr 2016, 02:09 PM
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;
}


Regards,
Vessy
Telerik
Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Asked by
Angie
Top achievements
Rank 1
Answers by
Angie
Top achievements
Rank 1
Vessy
Telerik team
Share this question
or