Autocomplete box on Chrome for Android?

2 posts, 0 answers
  1. david
    david avatar
    3 posts
    Member since:
    May 2011

    Posted 08 May 2013 Link to this post

    I'm having an issue where the autocomplete box is not working on Chrome for Android (Galaxy S4) - I can browse to the auto complete demo on demos.telerik.com and the box appears to work properly, pops up the demo data, autocompletes, etc.  When I try to place a control on my page and navigate with the same device, the control doesn't pop up with any data, nor does it appear to fire the OnTextChanged event.  The page does work in IE on the desktop, pops up the data, fires the event, works normally.  What am I missing?

    Is there a better control for use in on a mobile page? 

    Here's my page code

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>
      
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
        <title></title>
        <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
            <Scripts>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
            </Scripts>
        </telerik:RadScriptManager>
        <script type="text/javascript">
            //Put your JavaScript code here.
        </script>
        <telerik:RadAjaxManager runat="server">
        </telerik:RadAjaxManager>
        <div>
            <telerik:RadAutoCompleteBox ID="RadAutoCompleteBox1" runat="server" InputType="Text"
                DataSourceID="SqlDataSource1" DataValueField="item_id" DataTextField="item_id"
                Filter="StartsWith" Skin="BlackMetroTouch" OnTextChanged="RadAutoCompleteBox1_TextChanged"
                DropDownHeight="1000px" DropDownPosition="Automatic" DropDownWidth="1000px">
            </telerik:RadAutoCompleteBox>
              
            <telerik:RadAutoCompleteBox runat="server" ID="RadAutoCompleteBox2" EmptyMessage="Please type here"
                DataSourceID="SqlDataSource1" DataTextField="item_id" InputType="Text" Width="280"
                DropDownWidth="280">
            </telerik:RadAutoCompleteBox>
      
            <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="connection-string-here"
                SelectCommand="SELECT [item_id], [item_desc] FROM [ItemList] order by [item_id]">
            </asp:SqlDataSource>
        </div>
        </form>
    </body>
    </html>
  2. Nencho
    Admin
    Nencho avatar
    1458 posts

    Posted 14 May 2013 Link to this post

    Hello David,

    I had performed some tests with galaxy s4, trying to replicate the faced issue, based on the provided code snippet, but to no avail. Here is a screenshot, demonstrating the behavior at my end. Would you make sure that there are none javascript errors on the pages, which might caused the problematic behavior?

    Regards,
    Nencho
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top