Page History

{deck:id=Gliffy|width=907px}

{card:label=Overview}

h4. Gliffy Plugin
The Gliffy Plugin for Wikis allows you to create great-looking, collaborative, web-based diagrams right on a Confluence page.  Gliffy’s extensive shape library gives users a wide variety of industry-standard icons/graphics to strengthen the impact of their communications.
{card}
{card:label=Documentation}
{deck:id=gliffym}
{card:label=Adding a Diagram}
h3. Adding a Gliffy Diagram to a Page
{toggle-cloak:id=1}*1.* Click on the 'Add' menu and select 'Add Diagram'.
{cloak:id=1}
!add_diagram.jpg|border=2px,bordercolor=grey!
{cloak}
{toggle-cloak:id=2} *2.* Name the diagram, choose it's size and alignment, and where it will be located on the page (you can move the gliffy tag anywhere you like later). Click 'Create Diagram'.
{cloak:id=2}
!gliffy.png|border=2px,bordercolor=grey!
{cloak}
{toggle-cloak:id=3}*3.* Choose to 'Edit the Diagram' or 'Return to the Current Page' (in this case, Gliffy Plugin).
{cloak:id=3}
!edit_return.png|border=2px,bordercolor=grey!
{cloak}
{card}

{card:label=Ceating / Editing Diagrams}
h3. Editing and Creating Diagrams
{toggle-cloak:id=4}*1.* Go to the diagram you wish to edit (in view mode, NOT edit mode). Click 'Edit Diagram'.
{cloak:id=4}
*This is a 'blank' diagram:*
!edit_diagram.png|border=2px,bordercolor=grey!
{cloak}
{toggle-cloak:id=5}*2.* The 'Gliffy' interface will appear. This is where you will be creating and editing diagrams.
{cloak:id=5}
!gliffy_UI.png|border=2px,bordercolor=grey!
{cloak}
{card}

{card:label=Additional Resources}
h3. {toggle-cloak:id=6} Gliffy Demo Video
{cloak:id=6}
{widget:url=http://www.youtube.com/watch?v=j-RXVsvH_m8}
{cloak}

h3. {toggle-cloak:id=7} Vendor Documentation
{cloak:id=7}
{iframe:src=http://www.gliffy.com/user-manual.shtml|height=400px|width=800px|border=1}
{cloak}
{card}

{card:label=Gliffy Sandbox}
{iframe:src=https://wikis.mit.edu/confluence/plugins/gliffy/showgliffyeditor.action?name=Gliffy+Diagram&ceoid=60918872&key=GPS&lastPage=/confluence/display/GPS/Home&pageId=60918872#d=undefined&t=Gliffy_Diagram|width=800px875px|height=600px}
{card}
{deck}
{card}
{deck}
{roundrect:bgcolor=#828282|width=909px|height=50px|corners=false,false,true,true}
{roundrect}