EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Sdricky on September 07, 2016, 02:34:28 AM

Title: EASYU1.5 Why the height of all controls into 24 px, there can be, please?
Post by: Sdricky on September 07, 2016, 02:34:28 AM

EASYU1.5 Why the height of all controls into 24 px, there can be, please?

Title: Re: EASYU1.5 Why the height of all controls into 24 px, there can be, please?
Post by: jarry on September 07, 2016, 04:28:25 AM

Please show an example to demonstrate your issue.

Title: Re: EASYU1.5 Why the height of all controls into 24 px, there can be, please?
Post by: mzeddd on September 08, 2016, 12:53:56 PM

Yes, it is true.
I had to modify style for each control to make all forms look like before.

Title: Re: EASYU1.5 Why the height of all controls into 24 px, there can be, please?
Post by: jarry on September 08, 2016, 05:24:46 PM

There are 3 ways to set the height of inputing components.

1. Override the CSS style.

Code:

.textbox .textbox-text{
	height: 22px;
	box-sizing:border-box;
}

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

Code:

<script type="text/javascript">
	$.fn.textbox.defaults.height = 22;
	$.fn.numberbox.defaults.height = 22;
	//...
</script>

3. Set the inline height style.

Code:

<input class="easyui-textbox" style="width:100%;height:22px">