Page History

{composition-setup}
{section}
{column:width=15%}
{excerpt-include

:Advanced Macros

 Plugin|nopanel=true}
{column}
{column:width=60%}

{deck:id=widget|width=907px}
{card:label=Overview}

h4. Widget Connector
The Widget Connector plugin provides a simple way to connect Wikis to widget services on the web.

h5. Features
*  Play videos from Youtube, MySpace Video, Google Video, Episodic, Vimeo, Metacafe, BlipTV and Viddler
* Click through photo slideshows from Flickr and Skitch
* Display updates from Twitter and FriendFeed
* View documents from Slideshare, Sliderocket, Scribd, Google Docs (Presentations)
* Embed Google Gadgets like calendars, stocks, weather and sports scores.

h5. This plugin includes the following macros:
* *widget* - Embeds a widget into a Wiki page.
{card}
{card:label=Documentation}
Provides a simple way to connect Wikis to widget services on the web. The following 'widgets' can be displayed by the Widget Connector:
* Gadgets: Google Gadgets.
* Videos: YouTube, MySpace Video, Google Video, Episodic, Vimeo, Metacafe, blip.tv, Viddler.
* Photos and images: Flickr, Skitch.com.
* Micro-blogging: Twitter, FriendFeed.
* Documents and presentations: SlideShare, SlideRocket, Scribd, presentations on Google Docs.

h3. The Code 
Google Gadget:
{code}
{widget:url=http://www.google.com/ig/adde?synd=open&source=ggyp&moduleurl=www.gadzi.com/gadgets/monkey.xml|width=250}
{code}
YouTube Video:
{code}
{widget:url=http://www.youtube.com/user/mit?blend=1&ob=4}
{code}
h3. {toggle-cloak:id=1} Result 
{cloak:id=1}
*Google Gadget:*
{widget:url=http://www.google.com/ig/adde?synd=open&source=ggyp&moduleurl=www.gadzi.com/gadgets/monkey.xml|width=250}
*YouTube Video:*
{widget:url=http://www.youtube.com/watch?v=-dnL00TdmLY&feature=fvw}
{cloak}
h3. {toggle-cloak:id=2} Parameters
{cloak:id=2}
||*Name*||*Required?*||*Default*||*Description*||
|url|(/)| |This is the URL provided by the external web site for embedding content from that web site onto another web page.|
|height|(x)| |Specify the height of the display, in pixels (px) or as a percentage (%) of the window's height. |
|width|(x)| |Specify the width of the display, in pixels (px) or as a percentage (%) of the window's width.|
{cloak}
{card}
{deck}
{roundrect:bgcolor=#828282|width=909px|height=50px|corners=false,false,true,true}
{roundrect}

{column}

{column

:width

=20%}
{column}
{section}

{composition-setup

}
deck.tab.active.background = #6495ED