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

[Solved] Right-To-Left problem (Hebrew)

2 Answers 93 Views

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

Moshe asked on 01 Dec 2008, 11:14 AM

Hello,

I have XML file with dir=RTL and contains Hebrew characters

    
            <?xml version="1.0" encoding="utf-8" ?> 
        
            <Menu dir="rtl">  
        
              <Group> 
        
                <Item Text="קובץ" Key="ק">  
        
                  <Group> 
        
                    <Item Text="חדש" LeftLogo="Images\new.gif"/>  
        
                    <Item Text="פתיחה" LeftLogo="Images\open.gif" > 
        
                      <Group Width="140" Flow="Vertical">  
        
                        <Item Text="פרוייקט 1" /> 
        
                        <Item Text="פרוייקט 2" /> 
        
                        <Item Text="פרוייקט 3" /> 
        
                        <Item Text="פרוייקט 4" /> 
        
                      </Group> 
        
                    </Item> 
        
                  </Group> 
        
                </Item> 
        
                <Item Text="עריכה" AccessKey="ע" > 
        
                  <Group Flow="Vertical">  
        
                    <Item Text="בטל" /> 
        
                    <Item Text="בצע שוב" Enabled="False" /> 
        
                    <Item Text="גזור" LeftLogo="Images\cut.gif" /> 
        
                    <Item Text="העתק" LeftLogo="Images\copy.gif" /> 
        
                    <Item Text="הדבק" /> 
        
                  </Group> 
        
                </Item> 
        
                <Item Text="תצוגה" AccessKey="ת" > 
        
                  <Group Flow="Vertical">  
        
                    <Item Text="דוגמה 1" />          
        
                  </Group> 
        
                </Item> 
        
                <Item Text="עזרה" Key="ז" > 
        
                  <Group Flow="Vertical" OffsetX="-26">  
        
                    <Item Text="אינדקס" LeftLogo="Images\help.gif" /> 
        
                    <Item Text="חיפוש" Href="http://www.google.com"/>          
        
                    <Item Text="פתיחת דך הבית" Href="http://www.telerik.com"/>  
        
                  </Group> 
        
                </Item> 
        
              </Group> 
        
            </Menu>

The .cs file:

    
            using System;  
        
            using System.Web;  
        
            using System.Web.UI;  
        
            using System.Web.UI.WebControls;  
        
            using Telerik.Web.UI;  
        
            public partial class _Default : System.Web.UI.Page   
        
            {  
        
                protected void Page_Load(object sender, EventArgs e)  
        
                {     
        
                    RadMenu1.LoadContentFile("~/DataItems2.xml");  
        
                }  
        
            }

The .aspx file:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head runat="server">  
        
                <title>Untitled Page</title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <div> 
        
                    <h1 style="text-align: center">  
        
                        Menu Example</h1> 
        
                </div> 
        
                <div> 
        
                    <asp:ScriptManager ID="ScriptManager1" runat="server">  
        
                    </asp:ScriptManager> 
        
                    <telerik:RadMenu ID="RadMenu1" runat="server" width="80%" style="left: 2px">  
        
                       <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        
                    </telerik:RadMenu> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

The problem: When I click on each RootMenuItem - The menu display incorrect. (The selected RootMenuItem "jump" to left with its GroupItems. The other RootMenuItem remain on the right side).

The problem isn't exist if I use the same XML file with English characters.
I created new RadMenu and used the RadMenu Builder (Instead XML file) - The same problem.

Any suggestions will be welcome...

Thanks.

2 Answers, 1 is accepted

Accepted

answered on 04 Dec 2008, 01:21 PM

Hi Moshe,

Thank you for reporting this issue. It turned out to be a skin issue that is relatively easy to fix. Just add this style tag to the head of your page:

    
            <style type="text/css"> 
        
                .RadMenu_Default_rtl a.rmExpanded 
        
                { 
        
                    position: static; 
        
                } 
        
            </style>

We will also include the fix in the next Service Pack release. Your Telerik points have been updated for your involvement.

Regards,
Tsvetomir Tsonev
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.