Website Frame

?view=page&help=goldfish4&language=en

Show an external website, embedded directly on your website. This works with a website frame item that you can drag from the items to the website.

You can add a website frame item to each area, slider area and area template. To add a website frame item, edit the content of an area, slider or area template and drag a website frame item from the items to the editor.

A website frame item shows an external website directly on your page. For example you can include a forum or other web application, which Goldfish does not support directly. Enter the website address (url) of the external website at Website Frame > Url of Frame Content.

Properties for Website Frame Items

These properties can be set for a website frame item. Select a website frame item to see its properties.

Item > Identifier (Id)	Specifies the name of the item in order to address it in animations or as a link target. Use only letters and numbers for the name, no spaces or special characters.
Item > Left	Sets the distance in pixels from the left side of the item to the area where the item is located.
Item > Top	Sets the distance in pixels from the top side of the item to the area where the item is located.
Item > Width	Sets the width of the item in pixels.
Item > Height	Sets the height of the item in pixels.
Item > Padding Left	Sets the distance from the left side of the item to the content in pixels.
Item > Padding Right	Sets the distance from the right side of the item to the content in pixels.
Item > Padding Top	Sets the distance from the top side of the item to the content in pixels.
Item > Padding Bottom	Sets the distance from the bottom side of the item to the content in pixels.
Item > Background Color	Select a background color for the item.
Item > Background Picture Clip	Select a background picture from the Fishbeam Clips library. This option is only available if you have the Fishbeam Clips library installed.
Item > Background Picture	Select a background picture for the item. With Repeat, you can choose how the picture will be displayed. On Retina websites the background picture will be displayed with double resolution, but half the size (except SVG images).
Item > Repeat	Repeats the background picture. Don't Repeat displays the picture only once. Repeat tiles the picture over the entire space. Repeat Horizontally tiles the image in a row. Repeat Vertically tiles the image in a column. Cut to Fill displays the image once over the entire space. Overlapping edges will be cropped.
Item > Position Horizontal	Sets the horizontal position of the background picture. If the picture will be repeated, it will be placed once on the specified position and the remaining space on the left, on the right, above and below will be filled.
Item > Position Vertical	Sets the vertical position of the background picture. If the picture will be repeated, it will be placed once on the specified position and the remaining space on the left, on the right, above and below will be filled.
Item > Fix relative to Browser window	The position of the background picture is calculated on the basis of the browser window. The picture is pined to the window and will not move when scrolling. The picture can be hidden or only parts are visible if it is outside of the visible space.
Item > Border Left Width	Displays a border on the left side of the item in the choosen width (pixels).
Item > Border Left Color	Select a color for the left border.
Item > Border Right Width	Displays a border on the right side of the item in the choosen width (pixels).
Item > Border Right Color	Select a color for the right border.
Item > Border Top Width	Displays a border on the top side of the item in the choosen width (pixels).
Item > Border Top Color	Select a color for the top border.
Item > Border Bottom Width	Displays a border on the bottom side of the item in the choosen width (pixels).
Item > Border Bottom Color	Select a color for the bottom border.
Item > Opacity (%)	Makes the item transparent. From 0% (fully transparent) to 100% (completely visible).
Item > Rotation	Rotation of the object in a clockwise direction from 0° to 360°.
Item > Moving Mouse Over Animation	Select an animation that you have previously created with an Animation item. The animation will be started as soon as the website visitor moves the mouse over the item.
Item > Moving Mouse Out Animation	Select an animation that you have previously created with an Animation item. The animation will be started as soon as the website visitor moves the mouse from the item.
Website Frame > Url of Frame Content	Enter the url of the external website, that you want to display.
Website Frame > Show scrollbars if required	Enable this option and scrollbars will be shown if the external website is bigger than the frame. Otherwise the content will be cut off.

Did this help page answer your questions?

If you need additional assistance regarding this topic or if there's missing some information in this chapter, please write us.