To display Google docs, we can use the iframe tag. It will look something like this:

[[iframe http://docs.google.com/pub?key=... width="100%" height="500"]]

So we need to specify a link/URL (which I've truncated here with …), a width and a height. How do we get the URL, you ask? Just create a new Google doc (or open an existing one), click the "Share" button in the top-right corner, and then click "Get the link to share". You will see a popup window like the following:

You will want to check the first box so that anyone can view the document, and optionally check the second box if you also want anyone to be able to edit it (by anyone, I mean anyone who knows the link — i.e. anyone who visits the wiki). Finally, you need to copy the link, click "Save & Close", then paste the link into your wiki code.

The procedure is much the same for a Google spreadsheet, except that there is a little extra work if you would like to enable editing. Essentially, one cannot edit an embedded spreadsheet directly on a wiki page, but we can include an extra link that will open up the actual Google spreadsheet editor.

Here's an example that's taken directly from our volunteer-opportunities page:

[[iframe http://spreadsheets.google.com/pub?key=tpZsx-U6CncTAlOFXMzS6Uw&output=html&widget=true width="100%" height="560" frameborder="0"]] > **[*http://spreadsheets.google.com/ccc?key=tpZsx-U6CncTAlOFXMzS6Uw CLICK HERE TO EDIT THE SPREADSHEET]** >> This will open the spreadsheet in a new window. >> Note that changes are saved automatically, so you don't need to click File, Save, or anything like that.

The second line in this block of code contains a link that the user can click in order to edit the spreadsheet. The link/URL is the same as the one in the iframe tag, except that we removed everything that appears after the first ampersand (&) sign, as it's not needed here. The last two lines just display some extra information to the user.

Here's the result:

CLICK HERE TO EDIT THE SPREADSHEET

This will open the spreadsheet in a new window.
Note that changes are saved automatically, so you don't need to click File, Save, or anything like that.

That's it! Please post any questions that you may have in this discussion forum thread.

1. Go to the page on the wiki to which you would like to add an image or poster.
2. Click the "Files" button near the bottom-right of the page. Some things will appear below the buttons.
3. Click the "Upload a file from your computer" link. Even more things will appear below.
4. To the right of "Select a file on your computer", click the "Browse" button.
5. A popup window will appear. Find the file on your computer and double-click on it. The window should go away and the path to your file should now appear in the text box next to "Select a file on your computer". You can optionally change the name of the file and add a description, but these are not required.
6. Click the "Upload" button and wait a little while as the file is transferred to the wikidot server.
7. Once that is done, your file should be listed at the bottom of the page. If you don't see it, try clicking the "Files" button again to make the list appear.

Now we know that the file is on the wiki, but it won't appear on any page(s) until we add a link to it. First, we'll show how to link to a generic file type, such as a pdf for a poster. See below for the case where the file is an image to be displayed.

1. First, make a note of the name of your file. Let's say it is myposter.pdf, for example.
2. Click "Edit" to edit the page as you normally would.
3. In the editor, find the place where you would like the link to appear, and add a tag like the following:

[[file myposter.pdf | Click here to see the poster]]

Note: The part after the "|" can be whatever text you want to appear in the link.

For instance, if you were adding this to the standard table that appears at the top of an event page, the code for the new table row would be:

||~ **Poster** || [[file myposter.pdf | PDF]] ||

Alternatively, if the file you uploaded is an image, say myimage.jpg, you can display the image with the following code:

[[image myimage.jpg]]

Hope that helps.

How do I upload a poster to the wiki for an event?

[[table style="align:left"]] [[row]] [[cell]]
||~ **When** || Tuesday, October 6th, 2009 @ 5:15pm ||
||~ **Where** || University of Alberta, ETLC 2-009 (Colt Design Lab) ||
[[/cell]] [[/row]] [[/table]]

This will produce the following left-aligned table:

The tables on most of the "event" pages are aligned to the left, so you can find other examples there, e.g.:
http://energyclub.wikidot.com/event:2009-10-06

1. Create the new page
   • Follow the usual procedure for creating a new page, namely, type the URL of your new page in your browser's address bar, e.g. http://energyclub.wikidot.com/new-page-name
   • Edit and save your page
2. Place a link to the new page in the side navigation bar, under "User-created content"
   • Go to http://energyclub.wikidot.com/nav:side in your browser, then click the "edit" button at the bottom of the page
   • In the edit window, scroll down to the "User-created content" section and insert a new line that has the form: [[[new-page-name|Link text]]]
     • Here, new-page-name is the same name you gave your page in step 1 (note: this is just the page name; no need to include the energyclub.wikidot.com portion). Link text is the text that will appear in the navigation bar for your link.
     • Since the contents of the navigation bar is essentially a big list, you should prefix your line with a * (this should be clear when you look at the wiki-code that's already there in nav:side)