Textarea styles

[mikegann]

I use textareas inside the cells of a table. The table cell widths are set as percentages and I currently set the height and width of the textareas to what looks good as a minimum value when the page is displayed full screen on a PC with a screen resolution of 1024x768, which is basically the minimum resolution of the PC's on our internal network. In this case the textarea fills the cell:



However if the page is displayed on a computer with a higher resolution screen the textarea remains the same size and does not fill the cell, which is normal since it stays the defined size:




Is there any type of styling that could be applied to the textarea to make it resize to fill the cell? That would make both data entry and the overall look of the page much better.

Thanks,

Mike

[kokenge]

will something like this work??

cssid #taStyle,"{
          width:90%;
          height:100px;
          border-style:inset;
          border-width:5px;
          background-color:lightsteelblue;
          font-family:arial;
          font-size:14pt;
          }"
 
a$ = "Hello World"
html "<TABLE BORDER=1 bgcolor=tan width=40%><TR><TD align=center>"


textarea #ta,a$
#ta setid("taStyle")
html "</TD></TR></TABLE>"
wait
end

[mikegann]

That seems like it does what I want - thanks!

I don't see in the CSS style what makes it do this but is seems to work.

Mike

[kokenge]

Actually the only thing you need is
cssid #taStyle,"{ width:90%; }"

Since the table will always be 40% the size of the screen, or any size you like, the CSS tells the textarea to fill the cell by 90% or any size you pick.

So if they stretch the window larger, the table will get larger to maintain the 40%, and the CSS tells the text area to keep it at 90% the size of the table cell. So they both grow..

Actually I don't think you need the table.. And the textarea should grow to 90% of the screen width..

HTH..

[mikegann]

Thanks for the explanation.

It now makes perfect sense....

Best regards,

Mike