Styling form fields?

Do form fields have to be white BG only in FW? I can’t seem to change the background color on the text entry fields… The submit button is white now. What happened to the old blue button?


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

Depending on if you want to style all input fields or target specific ones create a Tag style named input and style as needed. This will change submit buttons also unless you target specific types of elements.

If you want to target a specific field,

By id:
input#something

or as

input[id=‘something’] (note that IE 6 may have trouble with this format).

By name:
input[name=‘something’]

By type (for example a submit button):
input[type=‘submit’]

For text area fields use,
textarea#something or any of the above examples.

You can style text fields like you would any html div; background images etc. Note that not all browsers recognize styling of all types of elements but most do to some extent.

Todd

On May 29, 2008, at 9:37 AM, dhrose wrote:

Do form fields have to be white BG only in FW? I can’t seem to change the background color on the text entry fields… The submit button is white now. What happened to the old blue button?

Hmm I tried creating a style, and set the background color, but when I preview in the browser it stays white… Maybe I’m naming things wrong. I just used the FW styles palette… Hmmm…


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

What type of element are you trying to style? Input, textarea, submit?

What is the style name and where are you adding it? In the Tag or Name field?

Todd

On May 29, 2008, at 10:42 AM, dhrose wrote:

Hmm I tried creating a style, and set the background color, but when I preview in the browser it stays white… Maybe I’m naming things wrong. I just used the FW styles palette… Hmmm…

There is also the PRO only action ‘Form Element Styler’

http://softpress.com/kb/article.php?id=817

David


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

Text area… I’m just selecting it, and going into the define styles and selecting attributes. Does it have to be called “textarea” in the tag box and name in the Name box… or is that wrong too? I never seem to get the FW way of styling??? Doesn’t seem to work the same as DW.


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

You don’t need to select the element, just create a Tag style named * textarea * (yes, it has to be this name) then delete anything that may be in the Name field and Tab out. It’s critical that the Name field be empty. Because you’re creating a Tag style it will automatically be picked up by any textarea field, it doesn’t get applied as a class style does. Again, you can target specific fields if needed.

Todd

On May 29, 2008, at 1:03 PM, dhrose wrote:

Text area… I’m just selecting it, and going into the define styles and selecting attributes. Does it have to be called “textarea” in the tag box and name in the Name box… or is that wrong too? I never seem to get the FW way of styling??? Doesn’t seem to work the same as DW.

O.K. that works… I also tried the form styler action, but it is giving me unpredictable results? I’m getting the box color, border and text correct, but I’m getting another box within the outside one with the same attributes??? Another question: Why does FW display Form field’s so much bigger in page, than they appear on the screen, when previewed? To get the length I want on screen the field is gigantic in page preview… Is there an obvious reason for that?


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

One guess might be that the size you see in the design side is closer
to how huge they will appear in Windows browsers. They notoriously
over-scale everything. Freeway uses the WebKit (Apple Safari)
renderer for its internal previews, but the design view is something
else entirely.

Walter

On May 29, 2008, at 3:04 PM, dhrose wrote:

Why does FW display Form field’s so much bigger in page, than they
appear on the screen, when previewed? To get the length I want on
screen the field is gigantic in page preview… Is there an obvious
reason for that?


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

So can I change the color of the submit button background??? Doesn’t seem to want to change with form styler or tags…


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

In the Tag field try input[type=‘submit’] then add a bg color, border etc.

Todd

On May 29, 2008, at 2:41 PM, dhrose wrote:

So can I change the color of the submit button background??? Doesn’t seem to want to change with form styler or tags…

So how would I write that… “input” in the tag field, type=submit goes where? Brackets, etc. Curly braces. I’ve been writing some css in DW but some of it doesn’t seem to work the same in FW.


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

Copy,

input[type=‘submit’] * (assuming your targeting the submit button)

and paste the whole shebang into the Tag field (the Name field should be empty).

Todd

On May 29, 2008, at 3:33 PM, dhrose wrote:

So how would I write that… “input” in the tag field, type=submit goes where? Brackets, etc. Curly braces. I’ve been writing some css in DW but some of it doesn’t seem to work the same in FW.

Hmmm… tried that. Nothing happened? Are the single quotes supposed to be in there, or dbl. quotes? Or none…


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

Single quotes, exactly as it is…exactly.

Todd

On May 29, 2008, at 3:55 PM, dhrose wrote:

Hmmm… tried that. Nothing happened? Are the single quotes supposed to be in there, or dbl. quotes? Or none…

Still nothing, copied exactly. Submit button still white with black type? Arghhh!


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

Send me a stripped down copy (1 page, no images) of the FW file and stylesheet with an example of the button you’re trying to style and I’ll look at it.

Send to account [at] xiiro [dot] com

Todd

On May 29, 2008, at 4:17 PM, dhrose wrote:

Still nothing, copied exactly. Submit button still white with black type? Arghhh!