Inspector palette – Item settings

The Item settings are shown when a single item is selected.

General settings

Properties section

Option Description
Title Sets the title of the item.
Layer Specifies that the item is positioned using CSS layers rather than invisible tables. When checked, a pop-up menu allows you to select Absolute, to position the item relative to the page, or Fixed in Window, to position it relative to the browser window.
Lock Locks the item. Locked items cannot be moved, resized with the mouse, or deleted.
Show Shows the item. If unchecked the item will not appear in Freeway’s window, but will still be published.
Publish Specifies whether the item will be published.
Combine Graphics/Combine With Children* Combines overlapping items (non-layer items) or items with child items (layer items) to create a single graphic when the site is published.
Background† Specifies the background color of the table.

* Graphic items only.
† Table items only.

Dimensions section

Option Description
Left, Top* Sets the position of the item relative to the left-hand edge and top of the page.
Width, Height* Sets the width and height of the item.
Right, Bottom* Sets the position of the item relative to the right-hand edge and bottom of the page.
Padding Insets the content from the item. Select Custom... to set different insets for each side.
Wrap Defines a wrap margin for text in other items wrapping around this item. Select Custom... to set different margins for each side.
Wrap Wraps text in items below this item.

* Each of these measurements can either be defined in pixels (eg 110px) or as a percentage of the width of the page (eg 20%).

Dimension section (in-flow HTML items)

To insert an in-flow HTML item position the insertion point in an HTML item. Then open the Insert menu and choose HTML Item.

Option Description
W, H Specifies the dimensions of the in-flow item, in pixels or as a percentage of the size of the containing item.
Float Specifies how the item floats relative to the surrounding text. None specifies that no content can flow to the left or right of the item. Left allows content to wrap around the right of the item, and Right allows content to wrap around the left of the item.
Clear Allows you to control whether this item will flow around other in-flow items. None allows the item to flow normally, Left breaks the flow around Float Left items. Right breaks the flow around Float Right items, and Both breaks the flow around Float Left and Float Right items.
Padding Insets the content from the item. Select Custom... to set different insets for each side.
Wrap Defines a wrap margin for text in other items wrapping around this item. Select Custom... to set different margins for each side.
Margin Defines a wrap margin for content flowing around this item. Select Custom... to set different margins for each side.

Dimensions section (in-flow graphic items)

To insert an in-flow graphic item position the insertion point in an HTML item or graphic item. Then open the Insert menu and choose Graphic Item.

Option Description
W, H Specifies the dimensions of the in-flow item, in pixels.
Align Specifies how the text aligns beside the in-flow item. The options are the standard CSS vertical-align options: Top, Text Top, Super, Middle, Baseline, Sub, Text Bottom, and Bottom.
Padding Insets the content from the item. Select Custom... to set different insets for each side.
Margin Defines a wrap margin for text flowing around this item. Select Custom... to set different margins for each side.

Cells section (table items only)

Option Description
Rows Specifies the number of rows for the table. Rows will be added or removed from the bottom of the table.
Cols Specifies the number of columns. Columns will be added or removed from the right of the table.
Border Specifies the border width around the table.
Cell spacing Specifies the space between the cells.
Cell padding Specifies the space between a cell and its content.

Screen Measurements section

Option Description
X, Y Position on screen.
W, H Dimensions on screen, adjusted for padding.

Other section (graphic items only)

Option Description
Shape The shape of the graphic item: Rectangle, Oval, or Path.
Corner Sets the corner radius for rectangular graphic items. Click the Custom... button to set a different radius for each corner.
First line leading Sets the vertical position of the first line of text.
Text direction Sets text to run horizontally or vertically.

Appearance settings

Background section

Option Description
Color Sets the fill color of the item.
Opacity* Specifies the opacity of the graphic item.
Filter* Applies the corresponding filter effect Emboss, Blur, or Scatter to the graphic item.

* Graphic items only.

Border section

Option Description
Color Specifies the border color.
Opacity* Specifies the opacity of the graphic item’s border.
Size Specifies the border thickness.
Style/Dash Specifies the line style of the border.
Position* For a solid border, whether the border is outside, centered, or inside the graphic item.
Filter* Applies the corresponding filter effect Emboss, Blur, or Scatter to the border of the graphic item.

* Graphic items only.

Shadow section (graphic items only)

Applies a drop shadow to a graphic item. The options are as follows:

Option Description
Color Specifies the color of the drop shadow.
Opacity Specifies the opacity of the drop shadow.
Angle Specifies the angle of the light source.
Global Specifies that this lighting effect should use the global lighting angle for the page.
Offset Specifies the offset of the drop shadow.
Blur Specifies the blur applied to the drop shadow.

Glow section (graphic items only)

Applies an outer glow to a graphic item. The options are as follows:

Option Description
Color Specifies the color of the glow.
Opacity Specifies the opacity of the glow.
Spread Specifies the distance the glow extends.
Blur Specifies the blur applied to the glow.

Foreground section (graphic items only)

Applies a foreground color to a graphic item. The options are as follows:

Option Description
Color The foreground color, which will color text in graphic items below this item.
Opacity The opacity of the foreground.

Shape Effect section – Crack (graphic items only)

Applies a crack effect. The options are as follows:

Option Description
Period The period of the cracks, from 0 to 100 pixels.
Random The randomness of the cracks, from 0 to 100%.
Gap The amount removed by the cracks, from 0 to 100 pixels.
Depth The depth of the cracks, from 0 to 100 pixels.

Shape Effect section – Wobble (graphic items only)

Applies a wobble effect. The options are as follows:

Option Description
Period The period of the wobble, from 0 to 100 pixels.
Random The randomness of the wobble, from 0 to 100%.
Deviation The size of the wobble, from 0 to 100 pixels.
Smooth The smoothness of the wobble, from 0 (sharp) to 100% (smooth).

Output settings

Provides options specific to the format in which the item is published.

HTML item (non-layer items)

Option Description
Width Can Grow Specifies whether the item becomes wider as the browser window is made wider.
Height Can Shrink Specifies whether the height of the item should shrink to fit the content if the text size in the browser is smaller.
Interlace GIF Files Specifies whether inline GIF text in this item should be interlaced.
Anti-alias Specifies whether inline GIF text in this item should be anti-aliased, and if so, which color it should be anti-aliased against. Auto chooses the anti-alias color automatically based on the background color(s)

HTML item (layer items)

Option Description
Interlace GIF Files Specifies whether inline GIF text in this item should be interlaced.
Overflow Specifies how the browser treats text that does not fit in the item. Visible allows the text to overflow the item, Hidden truncates the overflowing text, Scroll provides scrollbars on the item, and Auto provides scrollbars only when necessary to display all the text.
Anti-alias Specifies whether inline GIF text in this item should be anti-aliased, and if so, which color it should be anti-aliased against. Auto chooses the anti-alias color automatically based on the background color(s)

GIF item

Option Description
Size The size of the image in bytes. Only displayed if Preview Graphics is selected in the View menu, or if the graphic has been published.
Colors Specifies the color palette used for the image:

Adaptive chooses the closest colors to those in the original image.

Web 216 maps colors to the nearest colors in the Web-safe palette.

Mac 256 maps colors to the nearest colors in the Macintosh system palette.

Colors slider Number of colors to be used for the image. GIF images can have a maximum of 256 colors. Reducing the number of colors can reduce the size of the resulting file.
Bilinear Scales graphics smoothly. May be inappropriate for some types of line art.
Dither Uses patterns of pixels to give a closer match to the colors in the original image with the specified number of colors.
Interlaced Interlaced GIF graphics are displayed gradually as the file is downloaded by the browser. Your viewers see the image forming as they wait for the full file to download. This effect is off by default. Interlaced graphics may have slightly larger file sizes. To enable interlacing, tick the Interlace checkbox. The default for this option may be changed using the Document Setup dialog box.
Anti-alias Smooths the outlines of GIF text and box shapes. Choose Auto to smooth the outlines based on the fill color under the text, or select a color manually from the Anti-alias menu. You can specify a minimum text size for anti-aliasing in the Preferences dialog box.
Alt Text Specifies alternative text which will be displayed if the browser cannot display images, or the user has disabled them.
Submit Allows the item to be used as a Submit button on a form. When checked a Submit field appears which allows you to specify the value returned as the Name of the Submit button.

JPEG item

Option Description
Size The size of the image in bytes. Only displayed if Preview Graphics is selected in the View menu, or if the graphic has been published.
Quality slider The quality, where 100% is highest quality and 1% is maximum compression giving the smallest file size.
Bilinear Scales graphics smoothly. May be inappropriate for some types of line art.
Progressive Makes the JPEG display gradually as the file is downloaded.
Anti-alias Smooths the outlines of text and box shapes. However, JPEG format is not recommended for text.
Alt Text Specifies alternative text which will be displayed if the browser cannot display images, or the user has disabled them.
Submit Allows the item to be used as a Submit button on a form. The Submit field will be returned as the Name of the Submit button.

PNG item

The PNG options are identical to those available for GIF images, except that Millions is an additional option on the Colors menu.

URL item

An item set to be a URL item takes its content from an external file when viewed over the Web.

Option Description
Content Specifies whether the content of the item is an image or is provided by a Server Side Include.
URL Specifies the URL for the external content.
Alt Text Specifies alternative text which will be displayed if the browser cannot display images, or the user has disabled them.
Submit Specifies that the item should act as a submit button for a form.

Map area item

Option Description
Alt Text Specifies alternative text which will be displayed if the browser cannot display images, or the user has disabled them.

Contents