ComboBox With TreeView Chrome Compatibility Issue

2 posts, 0 answers
  1. Mohamed Salah Al-Din
    Mohamed Salah Al-Din avatar
    29 posts
    Member since:
    Aug 2009

    Posted 28 Mar 2013 Link to this post

    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>

  2. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 02 Apr 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top