Forum | Appery.io

I have an app with a text area component. How do I make the text area to stretch to fit the screen?

Hi Dandy,

As i can see on your screen shot - you have stretched to screen with textarea component.

So please specify more details.

Regards.

Hi Yurii,

I mean stretch the text area vertically to fit the screen, such that the entire space will be occupied

Hello Dandy,

You can stretch the text area in the editor (just drag the right lower corner of it). Or you may use some plugin if you like:
https://getsatisfaction.com/apperyio/...

Hi,

Stretching the text area in the editor does not make any changes to the final product (in test page and in mobile browser). It turns back to auto-resize.

Is there any way to stretch the text area vertically to fill up the vertical space in the screen?

Hi Dandy,

Unfortunatly you can not do it with drag-n-drop functionality or such easy way.

But you can try following:

1. Add "page show" event handler.

2. Populate it with following JS code.

   pre

   //here you should set certain value to fit your case.
   var ocupiedHeight = 400;

   var windowHeight = jQuery(window).height();

   var freeHeight = windowHeight - ocupiedHeight;

   Apperyio("textAreaName").height(freeHeight);

   /pre

   Regards.

Hi all,

I tried the above mentioned method. The text area got resized on pageshow event, but it immediately shrink to autoresize again.

This also happens on when I put the code in load event.

It seems like that there are some property that will set the textbox to autoresize after the load and pageshow event.

Hi Dandy,

Please try following code:

pre

var onDelay = function(){
//here you should set certain value to fit your case.
var ocupiedHeight = 400;
var windowHeight = jQuery(window).height();
var freeHeight = windowHeight - ocupiedHeight;
Apperyio("mobiletextarea_96").height(freeHeight);

};

window.setTimeout(onDelay, 100);

/pre

Regards.