Difference between revisions of "Widget: LucidChart"
From Genesys Documentation
| Line 19: | Line 19: | ||
== Copy to your site == | == Copy to your site == | ||
To use this widget on your site, just install the [https://www.mediawiki.org/wiki/Extension:Widgets MediaWiki Widgets extension] and the copy [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source code] of this page to your wiki, as an article called '''{{FULLPAGENAME}}'''. | To use this widget on your site, just install the [https://www.mediawiki.org/wiki/Extension:Widgets MediaWiki Widgets extension] and the copy [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source code] of this page to your wiki, as an article called '''{{FULLPAGENAME}}'''. | ||
| − | </noinclude><includeonly><div style="margin-top:5px;width:<!--{$width|escape:'html'|default:'640px'}-->px; height: <!--{$height|escape:'html'|default:480}-->px; margin: <!--{$margin|escape:'html'|default:10}-->px; position: relative;"><iframe allowfullscreen frameborder="0" style="width:<!--{$width|escape:'html'|default:960px}-->; height:<!--{$height|escape:'html'|default:720}--> | + | </noinclude><includeonly><div style="margin-top:5px;width:<!--{$width|escape:'html'|default:'640px'}-->px; height: <!--{$height|escape:'html'|default:480}-->px; margin: <!--{$margin|escape:'html'|default:10}-->px; position: relative;"><iframe allowfullscreen frameborder="0" style="width:<!--{$width|escape:'html'|default:960px}-->; height:<!--{$height|escape:'html'|default:720}-->" src="//www.lucidchart.com/documents/embeddedchart/<!--{$guid|escape:'html'|default:na}-->"></iframe></div></includeonly> |
Revision as of 13:30, December 11, 2019
This widget allows you to add an embedded LucidChart diagram to your wiki page.
Using this widget[edit source]
To use this widget, take the document embeddedchart number and the id from the embeddable code in LucidChart, and plug into into the #widget parser syntax as the guid and id parameters.
Example embedable code:
<div style="width: 640px; height: 480px; margin: 10px; position: relative;"><iframe allowfullscreen frameborder="0" style="width:640px; height:480px" src="//www.lucidchart.com/documents/embeddedchart/c2866bba-4c5c-4df2-90ba-06ffa16c3c49" id="ZLeWofbORu54"></iframe></div>
Example #widget syntax
{{#widget:LucidChart|guid=c2866bba-4c5c-4df2-90ba-06ffa16c3c49|id=ZLeWofbORu54}}
You can also optionally provide your own height, width, and margin options as well.
Copy to your site[edit source]
To use this widget on your site, just install the MediaWiki Widgets extension and the copy full source code of this page to your wiki, as an article called Widget:LucidChart.