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

RadComboBox Load On Demand rendering problem

13 Answers 408 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Vasile
Top achievements
Rank 1
Vasile asked on 11 Mar 2014, 11:57 AM
Hi,

I've got a problem in a solution that is also reproduced using your demo web page. The setup is as follows:
1. Skin: sunset.
2. Dropdown: height - maximum, 220px.
3. Load on Demand: custom, Enable 'Show More Results' box.
Browser: ie11.

Steps to reproduce:
0. Leave the drop down tab open.
1. Click on the input box - the dropdown is shown.
2. Enter letter 'a' - the content is filtered to all items starting with 'a'.
3. Close the dropdown by clicking the arrow.
4. Use backspace or delete key to remove the 'a' letter - the input text is changed - the dropdown is shown again, this time it has layout rendering problems: items that go beyond the combobox height have transparent background and the text is thus scribbled. Also, the "More Results" box is not shown.

The same issue can be reproduced in "silk" skin - but only with "More results" box not showing - that's because it defines white background for .rcbList element.
Workaround is to close/open dropdown - then it is rendered correctly.

Could you please advise on whether there is better workaround or any estimation of whether issue will be fixed or when.

Thanks!
Best regards,
Vasile.


13 Answers, 1 is accepted

Sort by
0
Nencho
Telerik team
answered on 14 Mar 2014, 09:38 AM
Hello Vasile,

I tried to replicate the described issue, following the provided instructions, but to no avail. Here is a video, demonstrating the behavior at my end. Could you let me know if I am missing something or doing anything wrong. In addition, please specify which version of our controls are you currently using?

Regards,
Nencho
Telerik
 

DevCraft Q1'14 is here! Watch the online conference to see how this release solves your top-5 .NET challenges. Watch on demand now.

 
0
Vasile
Top achievements
Rank 1
answered on 14 Mar 2014, 12:16 PM
Hi Nencho,

Please set MaxHeight instead of Height.
Also, I'd like to point out that problem is reproduced on one of your demo pages (http://demos.telerik.com/aspnet-ajax/combobox/examples/configurator/defaultcs.aspx), and the instructions reproduce the issue on the demo page.

We're using Q1 2014 version.

Best regards,
Vasile.
0
Shinu
Top achievements
Rank 2
answered on 17 Mar 2014, 11:09 AM
Hi Vasile,

Unfortunately I couldn't replicate the issue. Please try the following sample code snippet which works as expected for me and also take a look into the attached screenshots.

ASPX:
<telerik:RadComboBox ID="RadComboBox1" runat="server" EnableLoadOnDemand="true" DataTextField="Text"
    AllowCustomText="true" ShowMoreResultsBox="true" MaxHeight="220px" Skin="Sunset"
    Filter="StartsWith" DataValueField="Value" OnItemsRequested="RadComboBox1_ItemsRequested">
</telerik:RadComboBox>

C#:
protected void RadComboBox1_ItemsRequested(object sender, Telerik.Web.UI.RadComboBoxItemsRequestedEventArgs e)
{
    Telerik.Web.UI.RadComboBox combo = (Telerik.Web.UI.RadComboBox)sender;
    String connstring = WebConfigurationManager.ConnectionStrings["NorthwindConnectionString"].ConnectionString;
    SqlConnection conn = new SqlConnection(connstring);
    SqlDataAdapter adapter = new SqlDataAdapter();
    adapter.SelectCommand = new SqlCommand("SELECT * from Customers WHERE CompanyName LIKE '" + e.Text + "%'", conn);
    DataTable data = new DataTable();
    conn.Open();
    try
    {
        adapter.Fill(data);
    }
    finally
    {
        conn.Close();
    }
    foreach (DataRow row in data.Rows)
    {
        Telerik.Web.UI.RadComboBoxItem item = new Telerik.Web.UI.RadComboBoxItem(row["CompanyName"].ToString());
        combo.Items.Add(item);
    }
}

Thanks,
Shinu.
0
Vasile
Top achievements
Rank 1
answered on 17 Mar 2014, 01:02 PM
Hi Shinu,

Please see the following screencast: http://screencast.com/t/KkqvTynJ
Here you can find test project used in the demo: http://wikisend.com/download/625150/TestCombobox.7z

Thanks!

Best regards,
Vasile.
0
Nencho
Telerik team
answered on 19 Mar 2014, 09:30 AM
Hello Vasile,

I tried to replicate the demonstrated in the video issue, using the provided project, but I am afraid that I was unable to do so, because of the several dependencies missing in the project. However, I isolated the implementation in question, in order to try to replicate the problem, but still to no avail. Could you give it a try at your end and let me know if I am missing something?

Note : dll files are removed from the attachment.

Regards,
Nencho
Telerik
 

DevCraft Q1'14 is here! Watch the online conference to see how this release solves your top-5 .NET challenges. Watch on demand now.

 
0
Vasile
Top achievements
Rank 1
answered on 19 Mar 2014, 02:54 PM
Hi Nencho,

I've reproduced the issue with provided test project after changing the following lines in Default.aspx:
<head runat="server">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title></title>
</head>
<body style="background-color:aliceblue;">

Please notice added meta tag - forces IE to run under EDGE mode (while initial project forces document mode IE7 - which renders fine) and appended background-color style to body - to make it easier to recognize rendering problem on the page.

Thanks.
Best regards,
Vasile.
0
Nencho
Telerik team
answered on 24 Mar 2014, 09:01 AM
Hello Vasile,

I tried the exact same implementation, that you demonstrated in the video, but I am afraid the the problem is still not replicated. Could you confirm that the version, which you use at your end is 2013.1.225?

Regards,
Nencho
Telerik
 

Build cross-platform mobile apps using Visual Studio and .NET. Register for the online webinar on 03/27/2014, 11:00AM US ET.. Seats are limited.

 
0
Vasile
Top achievements
Rank 1
answered on 24 Mar 2014, 11:06 AM
Hi Nencho,

Version we're using is 2014.1.225.40. Browser: IE11. OS: Windows 8.1.
Also, there's a similar problem in a thread reported several days ago: http://www.telerik.com/forums/radcombobox-ie11-wrong-rendering-q1-2014

Thanks!

Best regards,
Vasile.



0
Nencho
Telerik team
answered on 27 Mar 2014, 08:11 AM
Hello Vasile,

We were able to replicate the described problem and we already fixed it. I would suggest you to upgrade to our upcoming ServicePack, where the fix will be included. The ServicePack is scheduled for 2nd of April.

Regards,
Nencho
Telerik
 

Build cross-platform mobile apps using Visual Studio and .NET. Register for the online webinar on 03/27/2014, 11:00AM US ET.. Seats are limited.

 
0
Vasile
Top achievements
Rank 1
answered on 27 Mar 2014, 03:05 PM
Hi Nencho,

Great news, thanks!
Looking forward to trying it.

Best regards,
Vasile.
0
Mats
Top achievements
Rank 1
answered on 08 Apr 2014, 12:28 PM
Hi!

I have the same problem but it will not work for me to upgrade to latest service pack in production.

So my question is if your solution can be applied as a work around in a previous version (I use 2013.3.1324.40)?

Best regards
Mats
0
Boyan Dimitrov
Telerik team
answered on 11 Apr 2014, 10:35 AM
Hello Mats,

Please try the workaround suggested in this forum thread.

Hope that this will help.

Regards,
Boyan Dimitrov
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Mats
Top achievements
Rank 1
answered on 11 Apr 2014, 12:32 PM
Hi Boyan,

It solved my problem, thank you!

Best Regards
Mats
Tags
ComboBox
Asked by
Vasile
Top achievements
Rank 1
Answers by
Nencho
Telerik team
Vasile
Top achievements
Rank 1
Shinu
Top achievements
Rank 2
Mats
Top achievements
Rank 1
Boyan Dimitrov
Telerik team
Share this question
or