Formating Text HTML Field

It appears that HTML Text Fields behave differently than HTML Items. Can anyone assist us with the following questions relating to HTML Text Fields?

01 - How do you apply a text style?

02 - How do you give the background a color?

03 - How do you assign a border?

04 - The text box is shorter when published. I see the size attribute but increasing it or decreasing it appears to only correlate correctly with the final output. The field is always larger than necessary in the Freeway working environment. What is happening here?

Thank You, Team SDA


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

Text fields (and textareas) are Form elements, they are only properly
used in the context of sending information to the server. So as long
as that is what you are doing, you’re fine to use them. But if you’re
using them to display text, then as the cats say, “You’re doing it
wrong”.

Which brings me to my next point. A form element is drawn by the
browser, and most Web sites use the default browser appearance, and
therefore that’s what a visitor is accustomed to seeing. The fact that
you CAN style a form element to look like nearly anything using CSS is
a double-edged sword. It is trivially easy to make a form element look
like something that does not accept user input, and unless you then
erect a billboard near it, the visitor may never see that they are
supposed to enter anything.

I have an Action called FreezeFormAction which will fix the size issue
for you, and Mike Brackenridge has another called Form Element Styler
which lets you go further: fixing the size and adding style to your
form elements. (Obviously, use only one of them at a time.) Both of
these are on ActionsForge.

I have been guilty of making my form fields look like Safari’s on
every platform, which usually confuses the Windows folk more than it
elevates them into the pure light of The Macintosh Way. For a Mac-
centric site like ActionsForge, I will still do that (view the site in
Firefox and Safari side-by-side, and note the search field. The
difference between FF and Safari are miniscule, because I’ve used as
screenshot of Safari as the background for the FF search field, and
used the CSS Sprite technique to shift a screenshot of a “focused”
search field into view when you click into the field.

But for a general-audience site, I recommend against styling the form
elements in any way beyond dimensions. If it doesn’t look like a form
field to the user, how will they know to use it?

Walter

On Apr 25, 2009, at 11:55 AM, TeamSDA wrote:

It appears that HTML Text Fields behave differently than HTML Items.
Can anyone assist us with the following questions relating to HTML
Text Fields?

01 - How do you apply a text style?

02 - How do you give the background a color?

03 - How do you assign a border?

04 - The text box is shorter when published. I see the size
attribute but increasing it or decreasing it appears to only
correlate correctly with the final output. The field is always
larger than necessary in the Freeway working environment. What is
happening here?

Thank You, Team SDA


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

Again posting a link to your page will help us see what is happening here.

David


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

Thank You Walter,

Great information as always. We will download these actions and give them a shot.

Dave or Walter, we have not been posting links on this forum as when we have done this in the past on other forums they get harvested by search engine bots and all our tech threads start showing up in searches for our company name. Is there a way around this?

Thanks, Team SDA


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

Hi Walter,

I tried both actions seperatly and there are two things that don’t really make sense.

1 - By using either action does this override the size parameter in the inspector pallet that determines the number of characters that are displayed in the field? It seems that no matter what the setting is I can type more in than what it is set for?

2 - No matter what settings I have in either action or in the inspector pallet the width and height seem to be a few pixels larger when previewed. What is going on here?

Thanks, Team SDA


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

If you want to force a limit in your form fields, you will have to set the maxlength parameter using the Inspector.

My Action sets the width and/or height properties, but it does not change the default padding of the form element (and this dimension varies by browser). The css box model adds padding (and borders) to width to come up with the total width displayed.

Walter


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

Is there a way around this?

Don’t use your Company name!


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

Get a stunt-double domain for posting examples, or use Pastie or jsbin.

Walter

On Apr 25, 2009, at 6:41 PM, DeltaDave wrote:

Is there a way around this?

Don’t use your Company name!


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

Hmm,

So in order to do this I would have to have another domain name, and use this as an alias.?

Team SDA


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

If you want to keep your current domain name out of the picture, then
yes. But I wouldn’t worry too much about it personally. I have
probably posted more on this list than anyone except maybe Keith
Martin (thatkeith) and yet if you Google me or my studio name, you are
far more likely to get one of my “official” pages than anything else.

Try to make sure your own site ranks higher than your postings here.
Read Keith’s befound articles for tips on how to do that. Be Found - design findable web sites that get ranked with the best

Walter

On Apr 26, 2009, at 12:29 PM, TeamSDA wrote:

Hmm,

So in order to do this I would have to have another domain name, and
use this as an alias.?

Team SDA


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