what's new in freeway 6 quick guide - softpress

13
What’s New in Freeway 6 Quick Guide New Features at a Glance 1. Measurements Section of Inspector Palette (Pro only) 1.1 Height Measurements 1.1.1 Fixed Height 1.1.2 Flexible Height 1.1.3 Minimum Height 1.1.4 Stretchy Height 1.2 Width Measurements 1.2.1 Fixed Width 1.2.2 Flexible Width 1.2.3 Minimum Width 1.2.4 Stretchy Width 1.2.5 Available Width 1.3 Alignment Measurements 1.3.1 Inflow Alignment 1.3.2 Non-Inflow Horizontal Alignment 1.3.3 Non-Inflow Vertical Alignment 1.4 Padding Measurement 1.5 Margin Measurement 2. Stylesheets (Pro only) 2.1 Page Stylesheets 2.2 Master-page Stylesheets 3. Master Pages and Items 3.1 Use Master Checkboxes 3.2 Reapply Master 3.3 Meta Tags Etc. 4. Actions 4.1 Master Actions 4.2 Restoring Master Actions 4.3 Use Master Actions Checkbox 4.4 Use Master Checkbox 4.5 Reapply Master and Page Actions 4.6 Inline Actions and CSS 5. Form Items 5.1 Form Items and CSS 5.2 Form Item Previews 5.3 Grouped Checkboxes (Pro only) 5.4 Control Names (and Values) 5.5 Form Labels (Pro only) 6. HTML5 6.1 Input Types 6.2 Video and Audio Elements 6.2.1 Video Extras Action 6.3 HTML5 Section Elements (Pro only) 6.3.1 Div Element 6.3.2 Section Element 6.3.3 Nav Element 6.3.4 Article Element 6.3.5 Aside Element 6.3.6 Header Element 6.3.7 Footer Element 6.3.8 Address Element 7. CSS3 7.1 Opacity (Pro only) 7.2 Box shadows 7.2.1 Spread Option (Pro only) 7.3 Text Shadows 8. Graphics 8.1 Pass-through Graphics 8.2 Transformed Layer Graphics (Pro only) 9. New and Updated Actions 9.1 Visitor Comments 9.2 Send Form Action 9.3 LinkedIn Share Button 9.4 Google Maps Action updated 9.4.1 Multiple markers with the Google Maps Marker Action (Pro only) 9.5 Create Email updated 9.6 Paypal Button Action updated 10. Other 10.1 Minimized Extended Attributes 10.2 Image Maps

Upload: others

Post on 09-Feb-2022

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: What's New in Freeway 6 Quick Guide - Softpress

What’s New in Freeway 6Quick Guide

New Features at a Glance

1. Measurements Section of Inspector Palette (Pro only) 1.1 Height Measurements 1.1.1 Fixed Height 1.1.2 Flexible Height 1.1.3 Minimum Height 1.1.4 Stretchy Height

1.2 Width Measurements 1.2.1 Fixed Width 1.2.2 Flexible Width 1.2.3 Minimum Width 1.2.4 Stretchy Width 1.2.5 Available Width

1.3 Alignment Measurements 1.3.1 Inflow Alignment 1.3.2 Non-Inflow Horizontal Alignment 1.3.3 Non-Inflow Vertical Alignment

1.4 Padding Measurement

1.5 Margin Measurement

2. Stylesheets (Pro only) 2.1 Page Stylesheets

2.2 Master-page Stylesheets

3. Master Pages and Items 3.1 Use Master Checkboxes

3.2 Reapply Master

3.3 Meta Tags Etc.

4. Actions 4.1 Master Actions

4.2 Restoring Master Actions

4.3 Use Master Actions Checkbox

4.4 Use Master Checkbox

4.5 Reapply Master and Page Actions

4.6 Inline Actions and CSS

5. Form Items 5.1 Form Items and CSS

5.2 Form Item Previews

5.3 Grouped Checkboxes (Pro only)

5.4 Control Names (and Values)

5.5 Form Labels (Pro only)

6. HTML5 6.1 Input Types

6.2 Video and Audio Elements 6.2.1 Video Extras Action

6.3 HTML5 Section Elements (Pro only) 6.3.1 Div Element 6.3.2 Section Element 6.3.3 Nav Element 6.3.4 Article Element 6.3.5 Aside Element 6.3.6 Header Element 6.3.7 Footer Element 6.3.8 Address Element

7. CSS3 7.1 Opacity (Pro only)

7.2 Box shadows 7.2.1 Spread Option (Pro only)

7.3 Text Shadows

8. Graphics 8.1 Pass-through Graphics

8.2 Transformed Layer Graphics (Pro only)

9. New and Updated Actions 9.1 Visitor Comments

9.2 Send Form Action

9.3 LinkedIn Share Button

9.4 Google Maps Action updated 9.4.1 Multiple markers with the Google Maps Marker Action (Pro only)

9.5 Create Email updated

9.6 Paypal Button Action updated

10. Other 10.1 Minimized Extended Attributes

10.2 Image Maps

Page 2: What's New in Freeway 6 Quick Guide - Softpress

1. Measurements Section of Inspector Palette (Pro only)

The Measurements section of the Inspector palette provides a simple textual alternative to the Dimensions section. All combinations of the Offset buttons in the Dimensions section can now be selected through descriptive popups, and Items’ measurements can now easily be converted to percentages by selecting the Fixed % option in the Width or Height popups.

The options that are displayed in this section vary depending on whether an item is a CSS or table-positioned item, whether it is an inflow or non-inflow item, and whether it is floated or not. The options are explained below.

1.1 Height Measurements

1.1.4 Stretchy HeightAn item with stretchy height is defined by its top and bottom offsets, and will grow or shrink as its parent grows or shrinks.

1.2 Width Measurements

1.1.1 Fixed HeightAn item with fixed height will always be displayed at the same height regardless of its contents. If an item has a fixed height of 100px, but the contents are 200px high, the item will be half the height of the content. If the height is a percentage, it will always be displayed at the same percentage height, but that will vary depending on the height of its parent.

1.1.2 Flexible HeightAn item with flexible height will grow and shrink to fit its contents. This is similar to the “Height can shrink” option in earlier versions of Freeway. Flexible-height items are displayed with undefined height in the Dimensions section of the Inspector palette.

1.1.3 Minimum HeightAn item with minimum height has a flexible height that will not shrink below the value that is set as its minimum height. If the content is added to an item, or the content is increased in size, the item will grow to accommodate the content. If content is removed, or the content is decreased, the item will stop shrinking when it reaches the value entered in the Minimum Height field. Minimum heights can be pixel or percentage based.

1.2.1 Fixed WidthAn item with fixed width will always be displayed at the same width regardless of its contents. If the width is a percentage, it will always be displayed at the same percentage width, but that will vary depending on the width of its parent.

1.2.2 Flexible WidthAn item with flexible width will grow and shrink to fit its contents. This is similar to flexible height, but you should be careful about using this option with paragraph text – unless it is constrained in some other way, an item may expand so that all the text in a paragraph is fitted on a single line.

1.2.3 Minimum WidthAn item with minimum width has a flexible width that will not shrink beyond the value that is set as its minimum width. If the content is added to an item, or the content is increased in size, the item will grow to accommodate the content. If content is removed, or the content is decreased, the item will stop shrinking when it reaches the value entered in the Minimum Width field. Minimum widths can be pixel or percentage based.

1.2.4 Stretchy WidthAn item with stretchy width is defined by its left and right offsets, and will grow or shrink as its parent grows or shrinks.

1.2.5 Available WidthAn inflow item (an item that is entered into the run of text) that is set to use available width will expand to take up the width that is available in its parent. If the item is floated, its width cannot be set as available.

What’s New in Freeway 6: Quick Guide Page 2

Page 3: What's New in Freeway 6 Quick Guide - Softpress

1.3. Alignment Measurements

1.3.1 Inflow Alignment

Non-inflow items can be vertically positioned from the top, bottom, or top and bottom of their parent. Note that selecting top and bottom is the same as setting the height as stretchy.

1.4 Padding Measurement

Inflow items can be aligned left, center, or right, or floated left or right. Floating items left or right causes them to flow horizontally rather than vertically. Note that floated inflow items have different options width and height options to non-floated inflow items.

1.3.2 Non-Inflow Horizontal Alignment

Non-inflow items (items drawn directly onto the page) can be horizontally aligned from the left, right, or left and right of their parent. Note that selecting left and right is the same as setting the width as stretchy.

1.3.3 Non-Inflow Vertical Alignment

Padding can be set in the Measurements or Dimensions section of the Inspector palette. If you want to use a percentage value, this needs to be set in the Dimensions section.

1.5 Margin MeasurementMargins can be set in the Measurements or Dimensions section of the Inspector palette. Note that aligning inflow

What’s New in Freeway 6: Quick Guide Page 3

Page 4: What's New in Freeway 6 Quick Guide - Softpress

items using the Measurements section will add auto left and right margins to the item. If you don’t want to override these margins, set the margins in the Measurements section. Unless you set a custom margin, setting the margins in the Dimensions section will remove the alignment from the item.

In general, the Dimensions section of the Inspector palette is more technical than the Measurements section and presupposes a greater knowledge of how CSS works.

2. Stylesheets (Pro only)Freeway 6 has improved support for external stylesheets, and makes less use of inline styles.

2.1 Page Stylesheets

Settings causes items to be renamed. Renaming an item causes Use Master Settings to be turned off.

3. Master Pages and ItemsFreeway 6 has greatly improved support for master pages and items.

3.1 Use Master CheckboxesPages and items have Use Master checkboxes that control whether content, settings, and children are derived from a Master Page or Item. You can restore the in-flow content (Use Master Content), settings (Use Master Settings), and non-inflow children (Use Master Children) of any page or item by clicking on the appropriate checkbox. To prevent unwanted removal of items, the Use Master Children checkbox is disabled until at least one child item has been manually removed.

Freeway saves item style information in external page stylesheets if the External Stylesheets option is selected.

2.2 Master-page StylesheetsFreeway writes master page styles to an external CSS file when the External Stylesheets option is selected in Document Setup. This file contains styles for positioning master items, so they don’t have to be duplicated in page stylesheets. In cases where an item that uses master attributes has a different z-index (e.g. if another item on the instance page has been sent to the back), Freeway outputs a partial style for the instance page. If a master page does not generate any styles, Freeway will not create an empty stylesheet.

In order to allow item styles to be output in master page stylesheets, Freeway 6 uses different default names for master and non-master items. Items that use master attributes share the same name as their master item. Items that do not use master attributes have distinct names. Toggling Use Master

What’s New in Freeway 6: Quick Guide Page 4

Page 5: What's New in Freeway 6 Quick Guide - Softpress

3.2 Reapply MasterThe Reapply Master command (found in the Page menu) no longer creates duplicate items in Freeway 6, nor does it delete page meta content, such as markup, Actions, and meta-tags. It now restores a page’s master content, settings, and children (similar to clicking on the three checkboxes in the Inspector palette). If you want to restore an item’s that item/page do not become detached from their master

Actions. If you add further Actions to the master item/page they will also be added to the items/pages based on it, and if you remove an Action from the master item/page it will be removed from the items/pages based on it (unless it has become detached).

4.2 Restoring Master ActionsIt’s also possible to restore Actions that have been deleted from an item/page that’s based on a master. If you remove an Action from one of these items/pages, you can restore it at a later date by simply reapplying it. If the same Action is already on the master item/page, Freeway will connect the reapplied Action to the master Action. You can of course detach it from the master Action by changing one or more parameters, or unchecking the Use Master option in the Actions palette (discussed below).

4.3 Use Master Actions Checkbox

(as opposed to a page’s) content, settings, or children, you should use the appropriate item checkbox. Note that Reapply Master did not previously restore an item’s children, although it did restore item content/settings by creating duplicate items.

3.3 Meta ContentMeta tags, form fields, extended attributes, and page markup behave more like other content in Freeway 6. If you add a meta tag on a layout page, master page meta content is not detached. If you reapply master settings on an instance page, Freeway doesn’t delete meta content that have been added to the instance page.

4. ActionsFreeway 6 has greatly improved support for master Actions. Action items can now be output with CSS styling, such as background color, borders, and shadows.

4.1 Master ActionsActions are no longer detached from their masters when another Action is added or removed or changed. If you add or remove an Action from an item or page that’s based on a master, or change one of its values, the other Actions on

Pages and items now have a Use Master Actions checkbox. This works in a similar way to the Use Master Children checkbox, in that it restores master Actions that have been deleted from a page or item based on a master, but does not remove Actions or change Action settings.

4.4 Use Master CheckboxThe Actions palette contains a Use Master checkbox for instance Actions. This will revert an Action’s settings to those of the master Action. If you do this by mistake, you can undo the change.

4.5 Reapply Master and Page Actions

What’s New in Freeway 6: Quick Guide Page 5

Page 6: What's New in Freeway 6 Quick Guide - Softpress

Many control items are flexible in size, meaning one or both dimensions are defined by their content and can’t be resized manually. Red boxes on the edge or corner of an item are an indication that it is flexible. Button items are flexible in both dimensions, Input/Field items have a flexible height, and Menu/List items have a flexible width. These dimensions can all be set manually by turning changing their flexible dimension to Fixed in the Dimensions section of the Inspector palette.

5.2 Controls Previews

The Reapply Master command restores page Actions that have been deleted, in the same way that it restores page children that have been deleted, and is equivalent in this respect to selecting the page level Use Master Actions checkbox. It does not restore item Actions (just as it does not restore the children of items) – this can be done on an item-by-item basis via the Use Master Actions checkbox.

4.6 Inline Actions and CSSInline Actions can now be styled in Freeway. Action developers should note that the width and height attributes used in the Action declaration are now used as a display width and height only, and will be output with an undefined CSS width and height. To give the user control over the width and height, leave the width and height attributes undefined.

Actions that have List, Text Area, or Text Field previews behave similarly to their corresponding form items – for example the Country List Action can have its height resized with the mouse or by nudging but does not output a CSS height.

5. Form ItemsFreeway 6 has significantly improved support for form items, which we’ll call “controls”. Controls are used to provide an input method for your visitors, such as a contact form or customer survey. Available controls are buttons, input fields, text areas, radio buttons, checkoboxes, menus, and lists. They can all be drawn by clicking and holding the HTML toolbar button and selecting the appropriate item, or inserted onto the page from the Insert menu.

5.1 Controls and CSSControls can now be styled in Freeway. Item appearance settings such as background, border, and shadow can be edited in the Inspector palette, while text appearance can be set in styles that can be applied to the item.

Freeway 6 displays more accurate previews for controls. Text areas and lists now display their text content, and styled controls display their style attributes in the design view.

5.3 Grouped Checkboxes (Pro only)Freeway 6 supports grouped checkboxes. Grouped checkboxes are like radio boxes in that they share a common (group) name. In the case of grouped checkboxes, the name should end in square brackets (name[]) or in square brackets enclosing a variable (name[i]). In Freeway 6, the export panel for checkboxes contains a Grouped checkbox. If this is turned on, Freeway changes the Name field to a Group field (in the same way as radio buttons) and ensures that this field contains a correctly formatted name.

Adding square brackets ([]) to the end of existing checkbox names also turns on the Grouped checkbox, and removing square brackets turns off the Grouped checkbox. The popup for the Group field of grouped checkboxes contains a set of default group names (cgroup1[] through cgroup5[]). The combo popup for the Group field of radio buttons similarly contains a set of default group names (group1 to group5). The default group names are intentionally different for radio buttons and checkboxes.

5.4 Control Names (and Values)All controls have a Name (which is separate from the item’s Name/ID). The name can be set in the Item Output Settings of the Inspector and is used to represent its value. Freeway 6 matches most form item names with item names, so changes to item names are also reflected in control names.

What’s New in Freeway 6: Quick Guide Page 6

Page 7: What's New in Freeway 6 Quick Guide - Softpress

There are some exceptions: with grouped controls (radio buttons and grouped checkboxes), it is the value rather than the name that is matched, and buttons’ names are left empty by default (but can be turned on).

1. Excluding the exceptions mentioned above, when a control is created, the control name is matched with the item name (Name/ID). Any change to the item name is also reflected in the control name.

2. This link can be broken by typing a different name in the control’s Name field or by turning off Use Item Name/ID in the popup for the Name field.

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.

6. HTML5

3. The link can be restored by turning Use Item Name/ID back on.

4. In the case of radio buttons and grouped checkboxes, the control’s value (not name) is matched with the item name. The link can be broken and restored in the same way.

5. In the case of submit and reset buttons (which don’t usually need a name) the name is blank by default but can be linked with the item name if a user wishes.

It’s important to make sure the name chosen is descriptive of its intended purpose – if a form processor (such as the Send Form Action, discussed below) has been used to email the contents of the form to the site owner, the email will contain a list of the form item names and their corresponding values. If the names don’t match up to the values then the email will hold little value.

5.5 Form Labels (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

Freeway 6 can create pages that conform with the latest HTML5 standard. Select HTML5 or XHTML5 in the New Document dialog, Document Setup dialog, or in the Page Output panel of the Inspector palette. HTML5 and XHTML5 supersede earlier versions of HTML and XHTML, and are identical except for the fact that XHTML5 pages are output with XHTML syntax, which is required by some services or content management systems (such as Blogger™).

What’s New in Freeway 6: Quick Guide Page 7

Page 8: What's New in Freeway 6 Quick Guide - Softpress

6.1 Input TypesFreeway 6 supports HTML5 input types and attributes. HTML5 input types are created by drawing or inserting an Input/Field item and then selecting a type in the Inspector palette. The options available are: file upload, which will require a specific script for uploading files; search, which will convert the text field to a search field in supported browsers; telephone, URL, email, and various date and time options, which will display keyboards appropriate for the selection on some touchscreen devices, and provide browser validation in supported browsers; and number options and color options, which display specific controls in supported browsers (a regular text field is displayed in unsupported browsers.)

6.2 Video and Audio ElementsHTML5 video and audio elements are now supported in Freeway 6. These can be played natively in modern browsers, without the need for Flash or QuickTime plugins. The main video formats that browsers support are:

• H.264(Safari,InternetExplorer,Chrome,Android)• OggTheora(Firefox,Chrome,Android)• WebM(Firefox,Chrome,Android)

In Freeway, video elements can be created by importing MPEG4 (H.264) videos into an HTML box on an HTML5 page. Alternative sources (Ogg and/or WebM) can be specified in the Inspector palette (“Source 2” and “Source 3”).

Other notable HTML5 features added in Freeway 6 are placeholder text (text that’s displayed in a field until text is entered), validation with patterns (regular expressions) and required fields, fields can be made read only (i.e. they can’t be edited), autocomplete will automatically complete fields that have previously been entered, and number based fields can have their minimum, maximum and range values specified.

If you want a video element to be viewable in browsers that do not currently support H.264 (e.g. Firefox), you should provide an alternative source (in Ogg and/or WebM format), or use the Video Extras Action (discussed below).

Available HTML5 video and audio options include:

• Preload: Should the video be preloaded? Default and Auto are equivalent and will automatically download the movie, None will prevent the video from loading until it’s started (make sure the item has a fixed width and height when using this option), and Meta will load the media’s meta information such as size and duration (no preview will be displayed when using this option).

• Controls: Should the browser display video controls?• Autoplay: Should the browser play the video

automatically when a page is displayed? • Loop: Should the video be looped?• Muted: Should the video be muted?

Video items are converted into QuickTime items if the HTML level of a page is changed to something below HTML5.

Audio elements can be created in Freeway by importing MP4 (AAC) or MP3 files into an HTML box on an HTML5 page. Alternative sources (such as Ogg Vorbis) can be specfied in the Inspector palette. The options for audio elements are similar to those for video elements.

Audio items are converted into QuickTime items if the HTML level of a page is changed to something below HTML5.

What’s New in Freeway 6: Quick Guide Page 8

Page 9: What's New in Freeway 6 Quick Guide - Softpress

Audio/Video items can be converted to QuickTime items (and vice versa) on HTML5 pages by changing the Type option in the Inspector palette.

6.3 HTML5 Section Elements (Pro only)Freeway supports the following HTML5 section elements: Address, Article, Aside, Footer, Header, Nav, Section (as well as the generic div element, referred to as HTML).

Users can choose an element type from the Type popup of the Item Export panel (when the page level is set to HTML5 or XHTML5). If a page is changed from (X)HTML5 to a lower level, HTML5 section items are changed to generic HTML items.

6.3.1 Div ElementGeneric CSS HTML boxes – layers and inflow items – are output as div elements in Freeway. Items will be output as divs if HTML is selected as the Type in the Item Output Settings of the Inspector palette.

Divs have no special meaning at all. They should only be used when no other element is suitable. Use of more appropriate elements instead of the div element leads to better accessibility for readers and easier maintainability for authors.

For example, a blog post would be marked up using article, a chapter using section, a page’s navigation using nav, and a group of form controls using fieldset.

6.3.2 Section ElementThe section element represents a generic section of a document or application. A section, in this context, is a thematic grouping of content, typically with a heading.

Examples of sections would be chapters, the various tabbed pages in a tabbed dialog box, or the numbered sections of a thesis. A Web site’s home page could be split into sections for an introduction, news items, and contact information.

The section element is not a generic container element. When an element is needed only for styling purposes or as a convenience for scripting, authors are encouraged to use the div element instead. A general rule is that the section element is appropriate only if the element’s contents would be listed explicitly in the document’s outline.

6.3.3 Nav ElementThe nav element represents a section of a page that links to other pages or to parts within the page: a section with navigation links.

Not all groups of links on a page need to be in a nav element – the element is primarily intended for sections that consist of major navigation blocks. In particular, it is common for footers to have a short list of links to various pages of a site, such as the terms of service, the home page, and a copyright page. The footer element alone is sufficient for such cases; while a nav element can be used in such cases, it is usually unnecessary.

6.3.4 Article ElementThe article element represents a self-contained composition in a document, page, application, or site and that is, in principle, independently distributable or reusable, e.g. in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.

6.3.5 Aside ElementThe aside element represents a section of a page that consists of content that is tangentially related to the content around

HTML5 section elects are not required, but can provide useful hints about your page to screen readers, search engines, and syndicators. The following advice on using HTML5 section elements is taken from the official HTML5 documentation (some minor edits have been made):

What’s New in Freeway 6: Quick Guide Page 9

Page 10: What's New in Freeway 6 Quick Guide - Softpress

the aside element, and which could be considered separate from that content. Such sections are often represented as sidebars in printed typography.

The element can be used for typographical effects like pull quotes or sidebars, for advertising, for groups of nav elements, and for other content that is considered separate from the main content of the page.

6.3.6 Header ElementThe header element represents a group of introductory or navigational aids.

A header element is intended to usually contain the section’s heading (an h1-h6 element or an hgroup element), but this is not required. The header element can also be used to wrap a section’s table of contents, a search form, or any relevant logos.

6.3.7 Footer ElementThe footer element represents a footer for the page or section. A footer typically contains information about its section such as who wrote it, links to related documents, copyright data, and the like.

When the footer element contains entire sections, they represent appendices, indexes, long colophons, verbose license agreements, and other such content.

Contact information for the author or editor of a section belongs in an address element, possibly itself inside a footer. Bylines and other information that could be suitable for both a header or a footer can be placed in either (or neither). The primary purpose of these elements is merely to help the author write self-explanatory markup that is easy to maintain and style; they are not intended to impose specific structures on authors.

Footers don’t necessarily have to appear at the end of a section, though they usually do.

6.3.8 Address ElementThe address element represents the contact information for an article or the page.

The address element must not be used to represent arbitrary addresses (e.g. postal addresses), unless those addresses are in fact the relevant contact information for an article or the page. The p element is the appropriate element for marking up postal addresses in general.

The address element must not contain information other than contact information.

7. CSS3Freeway 6 adds support for CSS3 features, such as opacity, item shadows, and text shadows.

7.1 Opacity (Pro only)CSS opacity is controlled by a slider and number field in the General section of the Appearance pane of the

Inspector palette. Freeway accepts values between 1% (almost completely transparent) and 100% (completely opaque).

7.2 Box shadowsCSS shadows can be added to HTML boxes. The Shadow option appears beneath Border in the Inspector palette. The options are similar to the options for graphic effect shadows. Shadow color, opacity, angle, offset, blur, and spread are the available options. If the Global option is selected, changing the angle will affect the angle of all other items with shadow applied that also use the global setting.

What’s New in Freeway 6: Quick Guide Page 10

Note: Shadows are displayed on transparent HTML boxes in contrast to transparent graphic boxes (for which Freeway does not create or display shadows).

7.2.1 Spread Option (Pro only)Box shadows have a spread option that can be used to increase the size of the shadow. This option can be used to create glow-like effects: set the offset to 0 and use Spread to increase the size of the shadow.

7.3 Text ShadowsCSS shadows can be added to HTML text. The Shadow option appears beneath Background in the Text Appearance pane of the Inspector palette. The options available are the same as Box Shadows (discussed above).

Page 11: What's New in Freeway 6 Quick Guide - Softpress

8. GraphicsFreeway 6 has improved support for pass-through graphics and transformed layer graphics.

8.1 Pass-through GraphicsPass-through graphics can have undefined width/height. In addition, CSS boxes are automatically set to have undefined width/height when a pass-through graphic is imported (if they didn’t previously have pass-through graphic content). This makes pass-though graphics easier to use, because the box is resized to fit its content (instead of overflowing if it is too small). This doesn’t happen in the case of table-positioned boxes because that would have knock-on effects on other table-positioned boxes.

8.2 Transformed Layer Graphics (Pro only)

Transformed layer graphics are now output correctly. If a layer graphic is transformed, Freeway outputs transformed coordinates. Otherwise it outputs the coordinates shown in the Inspector palette. Previous versions of Freeway always output untransformed coordinates, so that the size and position of transformed layer graphics would fail to match the size and position shown in Freeway.

9. New and Updated ActionsFreeway 6 contains a number of new and updated Actions. Existing users should note that some older Actions have been removed. You will not be able to use these Actions in new documents. Unless otherwise stated, this shouldn’t have any effect on your existing sites.

9.1 Visitor CommentsThe Visitor Comments Action allows you to provide a way for visitors to leave comments on any of your web pages. Simply draw or Insert the Action item on the page, sign up to

the free Disqus service (if you haven’t done so already), add your site through the Disqus settings to get what Disqus refer to as a website shortname, and enter the short name in the Website Shortname field in the Actions palette. Now, when you upload your site and preview it in a browser, a comments section will be visible where the item was placed.

For further details of this Action, see the Knowledgebase article at http://www.softpress.com/kb/questions/418/.

9.2 Send Form ActionThe Send Form Action provides a method for automatically emailing page forms to specified email addresses.

The email recipient can be specified by adding an email address to the Recipient Address field (use a comma separated list of multiple addresses for multiple recipients). Alternatively, a Menu/List belonging to the form can be selected from the Use Item for Recipient Address popup and used to allow the visitor to select from a list of available recipients (e.g. sales or support) at the point of filling out the form.

What’s New in Freeway 6: Quick Guide Page 11

Fixed sender details can be specified in the Sender Name and Sender Address fields, these can be useful if you would like the email to always appear to be from the same person (or entity, such as the website name), or if your web host requires that emails from your website are sent from an email address on your domain. The Use Item for Sender Name/Address options can be used to set the from and reply-to fields in the email as the name and address of the person filling out the form. For example, if Jane Doe fills out

Page 12: What's New in Freeway 6 Quick Guide - Softpress

your form, and enters her email address as [email protected], the email received will be from Jane Doe <[email protected]>.

Note: The two separate Use Item for Sender Name fields allow for first name and surname fields to be selected. If you only use one field for the entire name, select it using the Use Item for Sender Name 1 popup.

Note: If you use the Use Item for Sender Address field, the form will be sent to the error page if the email address entered is incorrect. If you’re using Freeway Pro and the page is set to (X)HTML5, the required field can be used to prevent the browser from submitting the form (in supporting browsers). Alternatively, the Validate Suite Action can be used to provide simple validation.

The Email Subject or Use Item for Email Subject options can be used as the subject of the email, and a supplemental message can be added to the end of the email using the Supplemental Message field.

Error and success pages can be specified in the Error and Success fields if the form fails or succeeds. These are not required for the form to be sent, but can provide useful feedback to visitors filling out your form.

GoDaddy customers will need to use the This site uses GoDaddy checkbox for this Action to work. When you do this, most of the options are disabled. You will only be able to specify the email subject, and the success page.

Note: If the scripts are no longer available on your GoDaddy server, visit this page: http://support.godaddy.com/help/article/3434/reinstalling-the-default-scripts-directory-on-linux-shared-hosting.

Note: GoDaddy customers needing to change the recipient email address can do so here: http://support.godaddy.com/help/article/508/specifying-an-email-address-for-the-php-form-mailer

For further details of this Action, see the Knowledgebase article at http://www.softpress.com/kb/questions/416/.

9.3 LinkedIn Share Button

For further details of this Action, see the Knowledgebase article at http://www.softpress.com/kb/questions/385/.

9.4 Google Maps Action (updated)

What’s New in Freeway 6: Quick Guide Page 12

Similar to the Facebook Like button, the LinkedIn Share button allows your visitors to share links from your site (or external sites) with their LinkedIn followers.

The Google Maps Action has been updated to the latest version recommended by Google. The major differences are StreetView, mobile optimization, animated markers, and faster rendering. Existing Google Maps users will note that the API Key is no longer a requirement, though the option is still available in the Action palette for users with high traffic sites, or users wishing to tack usage.

9.4.1 Multiple markers with the Google Maps Marker Action (Pro)

The Google Maps Marker Action can now be used to add multiple markers to a Google Map. To do so, draw a Google Maps Marker Action on a page containing a Google Maps Action. Note: the item must be a layer. If it isn’t, check the Layer checkbox in the Inspector palette. Open the Actions palette and select the Google Maps item from

Page 13: What's New in Freeway 6 Quick Guide - Softpress

the Map popup. Enter the location of the marker using the Town/Zip field (Simple), or the Latitude and Longitude fields (Advanced). Specify whether you want the marker to animate, show info (the contents of the item will be displayed in the info bubble), have a delay, or use a custom graphic in the Marker section.

For further details of this Action, see the Knowledgebase article at http://www.softpress.com/kb/questions/380/.

9.5 Create Email (updated)The Create Email Action for generating email newsletters has been updated to fully support more email clients (Yahoo!, Gmail, and Hotmail). Support for the most common email service provider tags has also been added. Most email service providers automatically check for links containing unsubscribe, or mail-merge tags. The Action now looks out for these and no longer adds absolute paths to them.

9.6 PayPal Button Action (updated)

The PayPal Action now supports custom images to be used in place of the standard images provided by PayPal. An Open in new window option, and the option to change the number of items ordered in the PayPal basket have also been added.

9.7 Removed ActionsThe following Actions have been removed from Freeway 6: Target Group Timer, Popup Window, Self-closing Popup Window, Photo Frame, No Cache, Director, Move Layer. Other than Move Layer, all Actions will be available in documents using these Actions. They will not be available in new Freeway 6 documents.

10. OtherOther improvements in Freeway 6 include support for minimized extended attributes, and more efficient optimization of image maps.

10.1 Minimized Extended AttributesFreeway 6 allows minimized attributes to be added using the Extended Attributes dialog

What’s New in Freeway 6: Quick Guide Page 13

Minimized attributes are attributes that have a name but no value (e.g. the checked attribute for checkboxes and radio buttons). These can now be added by entering a name without a value in the Extended Attributes dialog. Note that minimized attributes are not allowed in XHTML and are automatically expanded by Freeway for XHTML output.

10.2 Image MapsFreeway optimizes image maps more effectively – links that are completely covered by other links (on the same item) are discarded on output.