Fig Documentation
Placing Fig In Your Website
Most problems people have come from trying to place Fig in their website outside of the default fig folder. Following the below steps closely should ensure the least amount of troubles.
Step 1: Edit XML Setting urlToFig
Edit the urlToFig setting in the settings.xml file to resemble the following:
http://www.website.com/path/to/fig
Make sure to include the http:// part and do not include a trailing slash.
Step 2: Add a crossdomain.xml File
Create a file in the root of your webserver called crossdomain.xml with the following code in it (cut and paste it):
yourwebsite.com" />
Edit the code in red to match your website. Keep the *. part.
Step 3: Edit HTML Embed Code
Below is the full HTML for the most basic Fig setup outside of the fig folder. Take note of the code in red, which is explained more below:
Fig
You can see in the code above that the fig.swf file is being linked to using an absolute url. If your fig folder is placed on your server at another location like my_stuff/my_junk/fig, then the above code would need to change to /my_stuff/my_junk/fig/fig.swf.
Also notice the flashvars parameter that has been added. This tells fig where to find your settings.xml file. This also uses an absolute url with a preceding forward slash. Using absolute urls allows the above code to be placed anywhere on your website.
Note about adding a border
If you don't want fig at 100% of the window, you may want a border around it like some of the examples have. The easiest way I found was to add a div tag around the object tag:
And then add the following to your CSS styles.
.border{border:5px solid black;display:table-cell}
And lastly edit the object tag width and height parameters to embed Fig at the size you want.