{"id":3082,"date":"2010-09-28T16:13:29","date_gmt":"2010-09-28T05:13:29","guid":{"rendered":"https:\/\/stage.creately.com\/blog\/?p=3082"},"modified":"2017-03-29T19:32:59","modified_gmt":"2017-03-29T08:32:59","slug":"adding-creately-diagrams-to-google-code-and-google-project-hosting","status":"publish","type":"post","link":"https:\/\/stage.creately.com\/blog\/development\/adding-creately-diagrams-to-google-code-and-google-project-hosting\/","title":{"rendered":"Adding Creately Diagrams to Google Code and Google Project Hosting"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div><p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft\" style=\"border: 0px initial initial;\" src=\"http:\/\/images.logicbuy.com\/Pages\/Image.aspx?url=http:\/\/images.logicbuy.com\/datastore\/userdeals\/634190214459050509google-code.jpg&amp;width=200&amp;height=150\" alt=\"\" width=\"200\" height=\"150\" border=\"0\" \/>After a recent comment on the original <a href=\"https:\/\/stage.creately.com\/blog\/announcements\/beautiful-new-creately-diagram-viewer\/\">Creately Diagram Viewer<\/a> post I thought it would be a good idea to follow up with a full post to help all the other Creately users who also use Google Code and Google Project Hosting.<\/p>\n<p>Google Code projects allow you to add Google Gadgets to the Wiki for the project. This means that you can add your Creately diagrams of the design, features and UI mockups for your project to the Wiki for all the project members to see and work with.<\/p>\n<h3>Creately Diagram\u00a0Embed Code\u00a0Google Code Projects<\/h3>\n<p>Due to the way that gadgets work in the Google Code Wiki there is an intermediary handler which means that the document ID that you want to display gets lost during the rendering if you use the regular variable names. In order to fix this it is possible to use the wiki markup similar to this:<\/p>\n<blockquote><p><code>&lt;wiki:gadget url=\"https:\/\/stage.creately.com\/player\/gadget\/createlyplayer.xml\" height=\"500\" width=\"500\" border=\"0\" up_did=\"gcqjqs762\" up_dlogo=\"true\" up_dtitle=\"Embedding in Google Code\" up_bgcolor=\"#EEEEEE\" \/&gt;<\/code><\/p><\/blockquote>\n<p>The variables of interest are:<\/p>\n<ul>\n<li><strong>up_did<\/strong> \u2013 The Creately diagram ID that you would like to see rendered in the wiki page.<\/li>\n<li><strong>up_dlogo<\/strong> \u2013 Display the Creately logo, either \u201ctrue\u201d or \u201cfalse\u201d \u2013 leaving it true gives us some promotion \ud83d\ude09<\/li>\n<li><strong>up_dtitle<\/strong> \u2013 Sets the title for the diagram \u2013 you don&#8217;t need to worry about this for the Google Code wiki as it won\u2019t be seen.<\/li>\n<li><strong>up_bgcolor<\/strong> \u2013 The background colour behind the diagram being shown in the player. The default is: \u201c#EEEEEE\u201d and looks pretty good.<\/li>\n<\/ul>\n<p>The size of the player in the wiki can be changed using the &#8220;<strong>width<\/strong>&#8221; and &#8220;<strong>height<\/strong>&#8221; variables \u2013 they set the size in pixels.<\/p>\n<p>You can see a working example of the viewer in a project wiki <a href=\"https:\/\/sites.google.com\/site\/downeylec\/\" target=\"_blank\">here<\/a>.<\/p>\n<p>Thanks to Niels for posting the original comment which led to this post &#8211; you can see his Google Code project <a href=\"http:\/\/code.google.com\/p\/ngaeef\/\" target=\"_blank\">here<\/a>.<\/p>\n<p><a href=\"http:\/\/twitter.com\/nick_foster\">@nick_foster<\/a><\/p>\n<div><span style=\"font-family: Arial, Helvetica, sans-serif; line-height: normal; font-size: 12px; color: #323232;\"><br \/>\n<\/span><\/div>\n","protected":false},"excerpt":{"rendered":"<p>After a recent comment on the original Creately Diagram Viewer post I thought it would be a good idea to follow up with a full post to help all the other Creately users who also use Google Code and Google&#8230;<span class=\"continue-reading\"> <a href=\"https:\/\/stage.creately.com\/blog\/development\/adding-creately-diagrams-to-google-code-and-google-project-hosting\/\">Read More<\/a><\/span><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[104],"tags":[21,33,682,98,121,45],"class_list":["post-3082","post","type-post","status-publish","format-standard","hentry","category-development","tag-customer-first","tag-google","tag-help","tag-partners","tag-plugin","tag-tips"],"_links":{"self":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/3082","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/comments?post=3082"}],"version-history":[{"count":26,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/3082\/revisions"}],"predecessor-version":[{"id":14264,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/3082\/revisions\/14264"}],"wp:attachment":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/media?parent=3082"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/categories?post=3082"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/tags?post=3082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}