American Audio DCD-PRO240 User Manual download pdf (Page 204)

Freeway Reference: Working with Forms

204

Access key: This is an accessibility aid which is used by typing a specified keyboard combination to bring focus to a field in the form.

For example, if you enter “y” in the Access key field, typing Control-Alt-y (for Mac) or Alt-y (for PC/Linux) will highlight the form

item on the page in a browser and typing will enter characters into the field

Form Labels

FW Pro only

Freeway 6 supports form labels. A label is text that automatically selects an associated control when

clicked. To create a label, select some HTML text and click on Label in the Character section of the

Text panel of the Inspector palette. When the Label checkbox is selected, Freeway displays a Label

for: popup that can be used to select a control to link to the label. The default Child option refers

to any form item that is included within the label. When a non-inline checkbox or radio button is

drawn on a page, Freeway 6 automatically generates label text for the control.

Applying Styling to Form Items

FW Pro only

HTML5 introduced the ability to easily add limited CSS styling to form items. However, you should use styling sparingly to avoid

making the form items look very unlike the standard form items used on most websites. You also need to be aware that adding

something like a background color to a form’s Submit button you will see that the default behavior of a standard form button might be

lost (such as the way that a default button changes color from white to black on click).

Most form items allow you to add a Background Color, Background Image, Border and

Shadow by selecting the item and choosing the styling you want to use in the Inspector.

It is also possible to create a pre-determined custom CSS style so you control the

typeface, size, text color, etc., used in form items when the visitor clicks inside a form item to enter text. To do this, you first need to set

up the style and then you can select a form item on your page (such as an Input/Field item), go to the Styles tab of the Inspector, click

on the “+” button to the right of Item and choose the style you want to use.

There are two third-party Freeway Actions which offer further customization options for form items (see later in this chapter), but if you

only want to use basic styling, most options are covered by what can be achieved using the Inspector or by creating a new style before

applying it to a form item.

Using the Send Form Action in Freeway

Once you have built the form on your Freeway page, using the various form items mentioned on the previous pages of this chapter, you

can apply the Send Form Action to either the page on which the form is used or on the parent item which contains all the form items.

Note: To see the form working correctly you will need to upload the

page so it is live on the web (it will not work when previewed locally

as it requires PHP for the functionality to work). The page must be

uploaded to a server running PHP 5.2 or above to work.

For the reply form to work you need to create a page on which

you will build the form itself, but you also need to create two

additional pages —“Success” and an “Error” pages which will tell

the visitor if the form information was sent successfully or if

there has been a problem.

Unless you have a particular reason to do so (for example if you

wish to use multiple forms on the same page—see below), we

recommend you use the Page Action version of the Send Form

Action. To do this, select the page on which the form will be

used, go to Page>Page Actions and choose Send Form.

If you wish to use multiple forms, you will need to create a

“parent” HTML or table item, inside which you need to use all

the form items and labels as “child” items. Using a table can

help with alignment of your form items and any labels used,

by double-clicking inside each table cell then going to Insert

menu and choosing a form item or an HTML/Graphic item for

label items. To apply the Action, select the parent item, go to

Item>Actions and choose Send Form.

For the Page Action, make sure nothing is selected on the page;

for the Item Action, select the parent item—then look in the

Actions palette to see the options:

Options in the Send Form Action palette

This site is hosted by GoDaddy: You might need to select this

option to use the GoDaddy hosted scripts. We recommend

that you try it first without switching this option on—then

if you find that the form doesn’t work correctly you should try switching it on. You can find the GoDaddy scripts at http://support.

godaddy.com/help/article/3434/reinstalling-the-default-scripts-directory-on-linux-shared-hosting

1 2 ... 199 200 201 202 203 204 205 206 207 208 209 ... 249 250

American Audio DCD-PRO240 User Manual Page 204

Comments to this Manuals

American Audio DCD-PRO240 User Manual Page 204

Comments to this Manuals

Related products and manuals for CD players American Audio DCD-PRO240