EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Pierre on May 25, 2016, 01:17:07 AM

Title: TextBox height changed?
Post by: Pierre on May 25, 2016, 01:17:07 AM

Hello development,
after I downloaded http://www.jeasyui.com/easyui/jquery.easyui.min.js, I see that textbox height is changed. Please see attached Images (big.png show currently size and small.png show previous size (before download).
Thank you for any idea how to solve this.

Title: Re: TextBox height changed?
Post by: stworthy on May 25, 2016, 07:56:11 AM

There are 3 ways to set the default height:
1. Add the following style code to set the default height.

Code:

<style>
.textbox .textbox-text{
	height:20px;
	box-sizing:border-box;
}
</style>

2. Override the $.fn.textbox.defaults.height.

Code:

<script>
$.extend($.fn.textbox.defaults, {
  height: 22
});
</script>

3. Set the height when creating the component.

Code:

<input class="easyui-textbox" style="height:22px">

Title: Re: TextBox height changed?
Post by: Pierre on May 25, 2016, 10:14:16 AM

OK thank you but I have many forms designed to default height and they was changed (after I downloaded latest jquery.easyui.min.js
I will use your suggestion and use css to define height, thank you.