Rotator Bug with <div dir="rtl">

[maha]

When I put my rotator inside a div with dir="rtl" the rotator diseappears in IE 7.0 while it appears and workes correctly in IE8. And when i change the direction to "ltr" it works on all browsers.
Is that a bug?or do i need to add something else to make it work?
 I really need to make the items displayed in the rotator to start from right to left. Any ideas!

[Fiko]

Hello Maha,

RadRotator control does not provide RTL support. In your case I recommend you to use this approach in order to show the RadRotator's content in RTL mode:

• Wrap the content inside the RadRotator's ItemTemplate in a div:
  

  <telerik:RadRotator ID="RadRotator1" runat="server" DataSourceID="XmlDataSource1"
      Width="200px" ItemWidth="200px" ItemHeight="100px" Height="100px" OnClientItemShown="OnClientItemShown">
      <ItemTemplate>
          <div class="rtlItemTemplate">
              <asp:Label ID="Label1" runat="server" Text='<%# XPath("FirstName") %>'></asp:Label>
              <asp:Label ID="Label2" runat="server" Text='<%# XPath("LastName") %>'></asp:Label>
          </div>
      </ItemTemplate>
  </telerik:RadRotator>

• Set the RTL mode inside the rtlItemTemplate's declaration:
  

  <style type="text/css">
      .rtlItemTemplate
      {
          width: 200px;
          height: 100px;
          direction: rtl;
      }
  </style>

I hope this helps.

Greetings,
Fiko
the Telerik team