EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: korenanzo on January 15, 2016, 01:38:58 AM

Title: [SOLVED] resizing font and height of a textbox
Post by: korenanzo on January 15, 2016, 01:38:58 AM

Hi,

I need to resize the textbox, according to the font size.

I am able so resize the font, using

Code:

 $('#a').textbox('textbox').css('font-size', '24px');

but the height of the whole textbox does not change. ???

http://jsfiddle.net/korenanzo/6hwwbptq/2/

thanks,
RIc

Title: Re: resizing font and height of a textbox
Post by: stworthy on January 15, 2016, 08:36:44 AM

Please try this:
http://jsfiddle.net/6hwwbptq/3/

Title: Re: resizing font and height of a textbox
Post by: korenanzo on January 18, 2016, 01:46:00 AM

ok,

but I'd like to change the whole field size, setting only the font size.

It is the same behaviour offered by the standard input field (that is: when I change the font-size, the whole textfield changes)

try this,

http://jsfiddle.net/korenanzo/6hwwbptq/7/

put 8 or 34 in the number field and see the different behaviours of the two objects

thanks,

RIc

Title: Re: resizing font and height of a textbox
Post by: stworthy on January 18, 2016, 06:32:23 PM

To auto resize the textbox height, please set 'height' property to to 'auto'.

Code:

$('#a').numberbox({
   width: '70%',
   height: 'auto',
});

http://jsfiddle.net/6hwwbptq/9/

Title: [solved]resizing font and height of a textbox
Post by: korenanzo on January 19, 2016, 02:16:39 AM

thanks !

Title: Re: [SOLVED] resizing font and height of a textbox
Post by: jega on November 15, 2021, 03:40:08 AM

Was looking for the same

Tried the fiddle sample from stworthy with size 64. The easyui numberbox does not change height.