Print Page - Mobile: Combobox don't show option list on Mobile Browser

Title: Mobile: Combobox don't show option list on Mobile Browser
Post by: Aod47 on July 13, 2018, 01:26:09 AM

I test combobox on chrome web browser on desktop. Combobox show option list properly.
But when open on mobile web browser like chrome, opera, foxpro. Combobox don't show option list when click down arrow button.

Code for populate combobox is

Code:

<input id="dealer" name="dealer" class="easyui-combobox" style="width:100%;height:38px" data-options="required:true,prompt:'Select dealer',valueField:'id',textField:'code',url:'getCmbDealer.ashx',method:'post',
                        onChange:function(){$('#username').textbox('textbox').focus();}
                    "  />

I use version 1.5.5.4

Thank you

Title: Re: Mobile: Combobox don't show option list on Mobile Browser
Post by: jarry on July 13, 2018, 05:58:45 AM

Please add this code to head section of your page.

Code:

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

Title: Re: Mobile: Combobox don't show option list on Mobile Browser
Post by: Aod47 on July 13, 2018, 07:12:16 PM

Yes, I already add meta tag like that. But problem not solve.

Code:

<meta name="mobile-web-app-capable" content="yes" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>Log-In</title>  
    <link rel="stylesheet" type="text/css" href="themes/black/easyui.css" />  
    <link rel="stylesheet" type="text/css" href="themes/mobile.css" />  
    <link rel="stylesheet" type="text/css" href="themes/icon.css" />  
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Mono" /> 
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kanit" /> 
    <script type="text/javascript" src="easyui/jquery.min.js"></script>  
    <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script> 
    <script type="text/javascript" src="easyui/jquery.easyui.mobile.js"></script> 
    <style type="text/css">
        body { 
            font-family: 'Roboto Mono', 'Kanit';
        }
        a, li, input[type="text"] { font-size: 16px;}
        .aw 
	    {
	       width: auto;
           border       : 1px solid #efcfd6;
           padding      : 10px 10px 10px 40px;
           background   : #f7dfde url(./css/icons/exclamation.png) no-repeat 10px 10px; 
           font-size: 14px;
           color: Maroon;
           text-align: left
        }
	</style>

Title: Re: Mobile: Combobox don't show option list on Mobile Browser
Post by: jarry on July 13, 2018, 08:40:23 PM

Please show an example to demostrate your issue.

Title: Re: Mobile: Combobox don't show option list on Mobile Browser
Post by: Aod47 on July 13, 2018, 08:48:44 PM

OK. I think I found the error from Visual Studio Express 2010 with .Net 4.0 but I don't know why error?

I go back to use Visual Studio Express 2008 with .Net 2.0 and problem go away.

You can close this thread. Thank you very much.

EasyUI Forum

General Category => Bug Report => Topic started by: Aod47 on July 13, 2018, 01:26:09 AM