This is a migrated thread and some comments may be shown as answers.

Rotator Bug with <div dir="rtl">

1 Answer 75 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
maha asked on 28 Jun 2010, 06:53 AM
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!

1 Answer, 1 is accepted

Sort by
Telerik team
answered on 01 Jul 2010, 07:38 AM
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">
            <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>
  • Set the RTL mode inside the rtlItemTemplate's declaration:
    <style type="text/css">
            width: 200px;
            height: 100px;
            direction: rtl;
I hope this helps.

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
Asked by
Top achievements
Rank 1
Answers by
Telerik team
Share this question