|
Title: easyui-searchbox not aligned with easyui-linkbutton in a toolbar Post by: volodias on September 09, 2013, 10:42:57 PM Hello!
Can't get thru the problem of placing easyui-searchbox after three easyui-linkbuttons in my toolbar. The buttons are aligned to the bottom of the div and the searchbox is to top. If I use any input field instead of easy-search component - everything is aligned and looks good. Looks urgly this <div id="usr-tbar"> <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="addUsrRecord()">Add</a> <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editUsrRecord()">Edit</a> <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="removeUsrRecord()">Delete</a> <input id="ss" class="easyui-searchbox" style="width:300px" data-options="prompt:'Please Input Value'"></input> </div> Looks good this <div id="usr-tbar"> <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="addUsrRecord()">Add</a> <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editUsrRecord()">Edit</a> <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="removeUsrRecord()">Delete</a> <input id="ss" ></input> </div> Greetings. Title: Re: easyui-searchbox not aligned with easyui-linkbutton in a toolbar Post by: stworthy on September 10, 2013, 01:49:19 AM Try adding 'vertical-align' style to the searchbox.
Code: <style> Title: Re: easyui-searchbox not aligned with easyui-linkbutton in a toolbar Post by: volodias on September 10, 2013, 08:18:48 PM Thank you! It helped.
|