Rotator Bug with <div dir="rtl">

2 posts, 0 answers
  1. maha
    maha avatar
    44 posts
    Member since:
    Jun 2010

    Posted 28 Jun 2010 Link to this post

    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!
  2. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 01 Jul 2010 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top