OK here are some more detailed instructions but there is an added complication due to the use of "Theme 2". This theme uses rounded corners which will not display properly without the use of transparency.
- Create your chart on its own page in the top left position and reduce the size of that page down to the size of the chart by dragging the sides of the page.
- Name that page "chart".
- Go to Web Properties >> Page >> Head Code and add the following code :-
Code:
<style type="text/css">
body {
background: transparent;
}
</style>
- Go to Utilities >> Options >> Page Size and make a note of the height and width.
- Select the page where you want the chart to appear.
- Create a new layer on that page and on it a rectangle of the dimensions you noted above.
- With it still selected go to Web Properties >> Placeholder >> Body Code and insert the following :-
Code:
<iframe src ="chart.htm" width="100%" height="100%" frameborder="0" scrolling="no" allowtransparency="true">
<p>Your browser does not support iframes.</p>
</iframe>
- Create an object on the MouseOff layer to trigger the pop-up layer you created above.
- Go to Web Properties >> Link and set the correct layer from the pop-up layer drop down.
- Export site (not page) to test.
Example below :-
Bookmarks