[Pro] Newbie Question on Text Areas

I’ve got a web form with a text area, exactly like the one I’m typing into write now. It has a resize triangle at the lower-right corner, which is a excellent, but I have other HTML items below it, and if a visitor enlarges it vertically, it will cover those items. Is there any way to restrict the amount that a text area can be enlarged? Any tips would be much appreciated.

Regards,

Gregory


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

When you are creating a form it is a good idea to insert your form elements into a table eg 2 cols and x rows.

So you would put your legends into the LH column and your form elements into the right.

Now when this appears on the page and you resize a text field then the other form items will move with the table.

Here is an example with a border on the table so that you can see the structure better.

http://www.deltadesign.co/formtest.html

Other than that the same rules apply when creating any page that will ‘grow’ when text size is increased by the visitor.

BTW this feature (resize triangle at the lower-right corner) I think is peculiar to Safari and a few others but not IE.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The only browser that will show you this special control is Safari.
All other browsers only show whatever size you set the control to in
the first place. If you want to be able to handle this gracefully,
then you need to create one of the following:

A table-based layout, meaning you select each of your page elements
and un-check the Layer checkbox in the Inspector, or turn off the CSS
Layout button before you draw the layout elements in the first place.

An inline layout, where you nest each element inside a parent text
box, as if your form elements were large individual characters of text
within that box, and use margins and floats to assemble your layout.

Freeway 5.5 and the magical RPL Action and a traditional layer-based
layout.

If you follow one of these paths, you will see that you can enlarge
the text box as large as you like in your page, and everything else
will just stretch and get out of the way.

Understand that if you drag the corner and give yourself extra space
in the textarea, once you submit the form the page snaps back to
whatever it was previously, so it’s just a convenience for you while
you’re typing War and Peace in there. Presumably, even if you covered
up the submit button in the process of filling it in, you might
realize that you could just drag it back out of the way again by means
of the same little grippy bit when it comes time to submit the form.

Walter

On Nov 10, 2010, at 5:57 PM, Gregory wrote:

I’ve got a web form with a text area, exactly like the one I’m
typing into write now. It has a resize triangle at the lower-right
corner, which is a excellent, but I have other HTML items below it,
and if a visitor enlarges it vertically, it will cover those items.
Is there any way to restrict the amount that a text area can be
enlarged? Any tips would be much appreciated.

Regards,

Gregory


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The only browser that will show you this special control is Safari.

You see I wasn’t that sure that it was just Safari so I was covering my ass.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Long long ago, like when it still ran on NeXT, OmniWeb had something
similar to this, a little control you could click and the textarea
would “tear off” and open in a large modal window above the browser
window, so you could really stretch out and type too much. I’m pretty
sure that’s what gave the Safari team the idea.

Walter

On Nov 10, 2010, at 8:24 PM, DeltaDave wrote:

The only browser that will show you this special control is Safari.

You see I wasn’t that sure that it was just Safari so I was covering
my ass.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks, everyone! Darn good stuff. I’m on it.

Gregory


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The only browser that will show you this special control is Safari.

Google Chrome will also show the grippy bit.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Aha, didn’t know that. I guess it’s a WebKit thing, then. So you can
add a few others that use it.

Walter

On Nov 10, 2010, at 9:28 PM, Helveticus wrote:

The only browser that will show you this special control is Safari.

Google Chrome will also show the grippy bit.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Aha, didn’t know that. I guess it’s a WebKit thing, then. So you can add a few others that use it.

So my ass covering was accurate after all.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options