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

Autocomplete box on Chrome for Android?

1 Answer 48 Views
AutoCompleteBox
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 2
David asked on 08 May 2013, 11:12 PM

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>

1 Answer, 1 is accepted

Sort by
0
Nencho
Telerik team
answered on 14 May 2013, 11:54 AM
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.
Tags
AutoCompleteBox
Asked by
David
Top achievements
Rank 2
Answers by
Nencho
Telerik team
Share this question
or