EasyUI Forum
May 15, 2024, 03:35:02 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: FORM tag inside on DataDrid toolbar  (Read 16951 times)
mzeddd
Full Member
***
Posts: 223



View Profile
« 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

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)
« Last Edit: September 12, 2012, 06:17:18 AM by mzeddd » Logged
anton.dutov
Newbie
*
Posts: 27


View Profile
« Reply #1 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
« Last Edit: September 12, 2012, 06:29:15 AM by anton.dutov » Logged
mzeddd
Full Member
***
Posts: 223



View Profile
« Reply #2 on: September 12, 2012, 10:07:48 AM »

Yes, it helps.
Thanks
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!