EasyUI Forum

General Category => General Discussion => Topic started by: mzeddd on September 12, 2012, 06:15:03 AM



Title: FORM tag inside on DataDrid toolbar
Post by: mzeddd on September 12, 2012, 06:15:03 AM
Hi,

It could be bug of could be feature but in our lovely IE it looks a bit different

Here is the DEMO of "Complex DataGrid" http://www.jeasyui.com/tutorial/datagrid/datagrid19.php (http://www.jeasyui.com/tutorial/datagrid/datagrid19.php)

It looks fine in FF,Opera,IE but after I add tag FORM into toolbar layout like in example below I see that toolbar does not look in IE as good as in FF

Code:
<div>
    <form>
Date From: <input class="easyui-datebox" style="width:80px">  
To: <input class="easyui-datebox" style="width:80px">  
Language: <input class="easyui-combobox" style="width:100px"  
url="data/combobox_data.json"  
valueField="id" textField="text">  
<a href="#" class="easyui-linkbutton" iconCls="icon-search">Search</a>
    </form>
</div>

In the picture below you can see view how tollbar looks in IE(top one) and FF(bottom one)


Title: Re: FORM tag inside on DataDrid toolbar
Post by: anton.dutov on September 12, 2012, 06:27:43 AM
Check that http://jsfiddle.net/seKvb/1/? and try to add style display:inline to form? also check  form margin, padding


Title: Re: FORM tag inside on DataDrid toolbar
Post by: mzeddd on September 12, 2012, 10:07:48 AM
Yes, it helps.
Thanks