RadTreeView within RadCompoBox the Tree Plus Sign disapper in Arabic Culture

[jafar]

Hi All
I am trying to build a user controls todisplay a very long Tree so i Wrap the Tree inside RadComboBox
and  every thing worked just fine  but when I Switch from English to Arabic I Noticed that the Plus Sign is disappeded
I compare the Html for both Arabic and English via ViewSource in IE and they both are the Same  and a fter long time searching and trail and error we found that if We  remove the  http://www.w3.org/TR/html4/loose.dtd 
from the Page Header the Tree work fine in both arabic and English but this cause a big problim with the Menus
if any one have any Idea what cause this I will be very greatful
following are the code for the User control Html 

I am Using VS2008 , Windows Server 2008 and and SharePoint2007 as Deployment Enviroment

the user controls
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 

 

<%

@ Control Language="C#" AutoEventWireup="true" CodeBehind="ucTimeFilter.ascx.cs"

 

 

Inherits="PMS.UI.ucTimeFilter" %>

 

<%

@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

 

<

 

script language="javascript" type="text/javascript">

 

 

function ShowTooltip(element) {

 

 

if (element.childNodes[2] != null) {

 

element.title = element.childNodes[2].value;

}

}

 

var div1 = document.getElementById("dvTreeView");

 

div1.onclick = StopPropagation;

 

function StopPropagation(e) {

 

 

if (!e) {

 

e = window.event;

}

e.cancelBubble =

true;

 

}

 

function nodeClicking(sender, args) {

 

 

var comboBox = $find("<%= rcbTimePath.ClientID %>");

 

 

var node = args.get_node()

 

comboBox.set_text(node.get_text());

comboBox.trackChanges();

comboBox.get_items().getItem(0).set_value(node.get_text());

comboBox.commitChanges();

comboBox.hideDropDown();

} 

 

function comboLoad(sender, eventArgs) {

 

sender.set_text(sender.get_items().getItem(0).get_value());

} 

 

function OnClientDropDownOpenedHandler(sender, eventArgs) {

 

 

var tree = sender.get_items().getItem(0).findControl("rtvTime");

 

 

var selectedNode = tree.get_selectedNode();

 

 

if (selectedNode) {

 

selectedNode.scrollIntoView();

}

}

 

</

 

script>

 

<

 

table width="100%">

 

 

<tr>

 

 

<td style="width: 20%">

 

 

<asp:Label ID="lblYear" Text="<%$Resources:PMS, Year %>" runat="server" CssClass="CssHeader" />

 

 

</td>

 

 

<td>

 

 

<telerik:RadComboBox ID="rcbTimePath" runat="server" Height="140px" Width="215px" 

 

 

ShowToggleImage="True" Skin="WebBlue" OnClientLoad="comboLoad" OnClientDropDownOpened="OnClientDropDownOpenedHandler"

 

 

Style="vertical-align: middle;" EnableViewState="true" EnableItemCaching="false">

 

 

<ItemTemplate>

 

 

<div id="dvTreeView" runat="server">

 

 

<asp:TreeView ID="TreeView1" runat="server" ImageSet="Msdn"

 

 

NodeIndent="10" ShowLines="True" DataSource="XMLTimePath">

 

 

<ParentNodeStyle Font-Bold="False" />

 

 

<HoverNodeStyle BackColor="#CCCCCC" BorderColor="#888888" BorderStyle="Solid" Font-Underline="True" />

 

 

<SelectedNodeStyle BackColor="White" BorderColor="#888888" BorderStyle="Solid" BorderWidth="1px"

 

 

Font-Underline="False" HorizontalPadding="3px" VerticalPadding="1px" />

 

 

<NodeStyle Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" HorizontalPadding="5px"

 

 

NodeSpacing="1px" VerticalPadding="2px" />

 

 

<DataBindings>

 

 

<asp:TreeNodeBinding DataMember="YearName" TextField="text" ValueField="Value" />

 

 

<asp:TreeNodeBinding DataMember="HalfYearName" TextField="text" ValueField="Value" />

 

 

<asp:TreeNodeBinding DataMember="QuarterName" TextField="text" ValueField="Value" />

 

 

</DataBindings>

 

 

</asp:TreeView>

 

 

<telerik:RadTreeView ID="rtvTime" runat="server" OnClientNodeClicking="nodeClicking"

 

 

EnableDragAndDrop="false" DataSourceID='XMLTimePath' OnNodeClick="rtvTime_NodeClick"

 

 

MaxDataBindDepth='<%# FileMaxDataBindDepth %>'>

 

 

<DataBindings>

 

 

<telerik:RadTreeNodeBinding DataMember="YearName" TextField="text" ValueField="Value" />

 

 

<telerik:RadTreeNodeBinding DataMember="HalfYearName" TextField="text" ValueField="Value" />

 

 

<telerik:RadTreeNodeBinding DataMember="QuarterName" TextField="text" ValueField="Value" />

 

 

</DataBindings>

 

 

<CollapseAnimation Type="None" Duration="0" />

 

 

<ExpandAnimation Type="None" Duration="0" />

 

 

</telerik:RadTreeView>

 

 

</div>

 

 

</ItemTemplate>

 

 

<ExpandAnimation Duration="0" Type="None" />

 

 

<CollapseAnimation Duration="0" Type="None" />

 

 

<Items>

 

 

<telerik:RadComboBoxItem Text="" />

 

 

</Items>

 

 

<CollapseAnimation Type="None" Duration="0"></CollapseAnimation>

 

 

</telerik:RadComboBox>

 

 

<asp:XmlDataSource ID="XMLTimePath" runat="server" XPath="/Time/YearName" EnableCaching="false">

 

 

</asp:XmlDataSource>

 

 

</td>

 

 

</tr>

 

</

 

table>

 

 

 

 

 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 

[jafar]

I found the Solutions

http://www.telerik.com/community/forums/aspnet-ajax/treeview/right-to-left-supprt.aspx


Thanks a lot Ahmad :)