RadComboBox Load On Demand rendering problem

14 posts, 0 answers
  1. Vasile
    Vasile avatar
    6 posts
    Member since:
    Mar 2014

    Posted 11 Mar 2014 Link to this post

    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.


  2. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 14 Mar 2014 Link to this post

    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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Vasile
    Vasile avatar
    6 posts
    Member since:
    Mar 2014

    Posted 14 Mar 2014 in reply to Nencho Link to this post

    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.
  5. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 17 Mar 2014 in reply to Vasile Link to this post

    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.
  6. Vasile
    Vasile avatar
    6 posts
    Member since:
    Mar 2014

    Posted 17 Mar 2014 in reply to Shinu Link to this post

    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.
  7. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 19 Mar 2014 Link to this post

    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.

     
  8. Vasile
    Vasile avatar
    6 posts
    Member since:
    Mar 2014

    Posted 19 Mar 2014 Link to this post

    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.
  9. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 24 Mar 2014 Link to this post

    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.

     
  10. Vasile
    Vasile avatar
    6 posts
    Member since:
    Mar 2014

    Posted 24 Mar 2014 in reply to Nencho Link to this post

    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.



  11. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 27 Mar 2014 Link to this post

    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.

     
  12. Vasile
    Vasile avatar
    6 posts
    Member since:
    Mar 2014

    Posted 27 Mar 2014 in reply to Nencho Link to this post

    Hi Nencho,

    Great news, thanks!
    Looking forward to trying it.

    Best regards,
    Vasile.
  13. Mats
    Mats avatar
    66 posts
    Member since:
    Aug 2006

    Posted 08 Apr 2014 Link to this post

    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
  14. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    1746 posts

    Posted 11 Apr 2014 Link to this post

    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.

     
  15. Mats
    Mats avatar
    66 posts
    Member since:
    Aug 2006

    Posted 11 Apr 2014 in reply to Boyan Dimitrov Link to this post

    Hi Boyan,

    It solved my problem, thank you!

    Best Regards
    Mats
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017