[Solved] ComboBox With TreeView Chrome Compatibility Issue

[Mohamed Salah Al-Din]

Dear,

I have a combobox with a treeview control, its working fine in IE, but when i tried to use it in Chrome:

1. The server side code shows that the Parent and Child Nodes are Created Successfully.
2. In the Web Page the tree is only showing the parent nodes only (in chrome), although opening the same page in IE shows it correctly.

ServerSide:

private void LoadCountryByRegion(out string ErrorMessage)
    {
        ErrorMessage = "";
        try
        {
            RadTreeView tre_Country = (RadTreeView)ddl_Country.Items[0].FindControl("tre_Country");
            if (tre_Country != null)
            {
                tre_Country.Nodes.Clear();
            }
            IList<Region> _regionList = (new RegionBL()).getAll();
            if (_regionList.Count > 0)
            {
                foreach (Region _region in _regionList)
                {
                    RadTreeNode _regionNode = new RadTreeNode();
                    _regionNode.Text = _region.Title;
                    _regionNode.Value = "region|" + _region.ID.ToString();
                    _regionNode.ImageUrl = "~/Resources/Images/16x16/Circle_Red.png";

                    IList<Country> _countryList = _region.Country_List;

                    foreach (Country _country in _countryList)
                    {
                        RadTreeNode _countryNode = new RadTreeNode();
                        _countryNode.Text = _country.Title;
                        _countryNode.Value = "country|" + _country.ID.ToString();
                        _countryNode.ImageUrl = "~/Resources/Images/16x16/Circle_Green.png";
                        _regionNode.Nodes.Add(_countryNode);
                    }
                    tre_Country.Nodes.Add(_regionNode);
                }
            }
        }
        catch (Exception ex)
        {
            ErrorMessage += ex.Message;
        }
    }

HTML:

<telerik:RadComboBox ID="ddl_Country" runat="server" ExpandAnimation-Type="None"
                                            CollapseAnimation-Type="None" OnClientDropDownOpened="tre_Country_OnClientDropDownOpenedHandler"
                                            LoadingMessage="Loading..." EmptyMessage="Please Select Country"
                                            Style="vertical-align: middle;" Width="300px" Height="190px" Skin="Office2007" >
                                            <ItemTemplate>
                                                <telerik:RadTreeView ID="tre_Country" runat="server" ShowLineImages="true" BackColor="#FFFFFF"
                                                    Height="180px" Width="290px" OnClientNodeClicking="tre_Country_NodeClicking" Skin="Office2007" />
                                            </ItemTemplate>
                                            <Items>
                                                <telerik:RadComboBoxItem Text="" />
                                            </Items>
                                        </telerik:RadComboBox>

[Hristo Valyavicharski]

Hi Mohamed,

How do you set the text direction?  Do you have style similar to this:

body {
    direction: rtl;
    text-align: right;
}

What is the version of Telerik assemblies that you are using?

Regards,
Hristo Valyavicharski
the Telerik team