Widget:Katacoda - Revision history

Ed.jamer@genesys.com at 17:25, June 18, 2021

2021-06-18T17:25:07Z

Jaba at 07:28, August 13, 2020

2020-08-13T07:28:43Z

Jaba at 07:26, August 13, 2020

2020-08-13T07:26:59Z

Jaba at 09:30, April 9, 2019

2019-04-09T09:30:49Z

WikiSysop: /* Using this widget */

2019-04-09T08:52:59Z

‎Using this widget

Jaba at 15:56, April 8, 2019

2019-04-08T15:56:46Z

Jaba at 15:53, April 8, 2019

2019-04-08T15:53:50Z

WikiSysop: Created page with " This widget allows you to add an embedded Katacoda course to your wiki page. == Using this widget == To use this widget, take the course number and plug into into..."

2019-03-28T12:11:47Z

Created page with "<noinclude> This widget allows you to add an embedded Katacoda course to your wiki page. == Using this widget == To use this widget, take the course number and plug into into..."

New page

<noinclude>
This widget allows you to add an embedded Katacoda course to your wiki page.

== Using this widget ==
To use this widget, take the course number and plug into into the #widget parser syntax as the data-katacoda-id parameter.

Example #widget syntax:
<pre>
{{#widget:Katacoda|divid=myScenario|scenario=docker/deploying-first-container}}
</pre>

Resulting in this embedded code:
<pre>
<p class="katacoda-caption><script src="//katacoda.com/embed.js"></script></p>
<div id="myScenario" data-katacoda-id="docker/deploying-first-container" data-katacoda-color="004d7f" style="height: 600px; padding-top: 0px;"></div>
</pre>

These are the available parameters:
* scenario - mandatory; the Katacoda scenario ID (including username and scenario name)
* divid - optional; unique ID for the div containing your Katacoda scenario; defaults to value of the scenario parameter
* height - optional; height for the div containing your Katacoda scenario; defaults to 600px


== 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}}'''.
</noinclude>

<includeonly><p class="katacoda-caption"><script src="//katacoda.com/embed.js"></script></p><div id="" data-katacoda-id="" data-katacoda-color="" style="height: ; padding-top: ;"></div></includeonly>

← Older revision		Revision as of 17:25, June 18, 2021
Line 29:		Line 29:
	</noinclude>		</noinclude>

−	<includeonly><p class="katacoda-caption"~~><!--{$caption\|escape:'html'}--~~><script src="//katacoda.com/embed.js"></script></p><div id="<!--{$divid\|escape:'html'\|default:$scenario}-->" data-katacoda-id="<!--{$scenario\|escape:'html'}-->" data-katacoda-color="<!--{$color\|escape:'html'\|default:'004d7f'}-->" style="height: <!--{$height\|escape:'html'\|default:'600px'}-->; padding-top: <!--{$padding\|escape:'html'\|default:'0px'}-->;"></div></includeonly>	+	<includeonly><p class="katacoda-caption"><script src="//katacoda.com/embed.js"></script></p><div id="<!--{$divid\|escape:'html'\|default:$scenario}-->" data-katacoda-id="<!--{$scenario\|escape:'html'}-->" data-katacoda-color="<!--{$color\|escape:'html'\|default:'004d7f'}-->" style="height: <!--{$height\|escape:'html'\|default:'600px'}-->; padding-top: <!--{$padding\|escape:'html'\|default:'0px'}-->;"></div></includeonly>

@@ Line 18: / Line 18: @@
 Available Parameters:
 * scenario (mandatory): Katacoda scenario ID (including username and scenario name)
-* divid (optional): Unique ID of div containing your Katacoda scenario; defaults to value of the scenario parameter
+* divid (optional): Unique ID of div containing your Katacoda scenario; defaults to the value of the scenario parameter
 * height (optional): Height of div containing your Katacoda scenario; defaults to 600px
 <!--

@@ Line 26: / Line 26: @@
 -->
-<B>Note:</B> To use this widget on your site, install [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}}'''.
+<B>Note:</B> To use this widget on your site, install [https://www.mediawiki.org/wiki/Extension:Widgets MediaWiki Widgets extension] and copy the [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source code] of this page to your wiki, as an article called '''{{FULLPAGENAME}}'''.
 </noinclude>
 <includeonly><p class="katacoda-caption"><!--{$caption|escape:'html'}--><script src="//katacoda.com/embed.js"></script></p><div id="<!--{$divid|escape:'html'|default:$scenario}-->" data-katacoda-id="<!--{$scenario|escape:'html'}-->" data-katacoda-color="<!--{$color|escape:'html'|default:'004d7f'}-->" style="height: <!--{$height|escape:'html'|default:'600px'}-->; padding-top: <!--{$padding|escape:'html'|default:'0px'}-->;"></div></includeonly>

@@ Line 26: / Line 26: @@
 -->
-== Using the widget ==
+<B>Note:</B> To use this widget on your site, install [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><p class="katacoda-caption"><!--{$caption|escape:'html'}--><script src="//katacoda.com/embed.js"></script></p><div id="<!--{$divid|escape:'html'|default:$scenario}-->" data-katacoda-id="<!--{$scenario|escape:'html'}-->" data-katacoda-color="<!--{$color|escape:'html'|default:'004d7f'}-->" style="height: <!--{$height|escape:'html'|default:'600px'}-->; padding-top: <!--{$padding|escape:'html'|default:'0px'}-->;"></div></includeonly>

@@ Line 3: / Line 3: @@
 == Using this widget ==
-To use this widget, include the course number into the #widget parser syntax as the data-katacoda-id parameter.
+To use this widget, include the course name into the #widget parser syntax as the data-katacoda-id parameter.
 Here is a sample #widget syntax:

@@ Line 1: / Line 1: @@
 <noinclude>
-This widget allows you to add an embedded Katacoda course to your wiki page.
+This widget allows you to add an embedded Katacoda course into your Wiki page. Katacoda is an opensource learning platform, which provides scripts to embed the terminal in our own pages.
 == Using this widget ==
-To use this widget, take the course number and plug into into the #widget parser syntax as the data-katacoda-id parameter.
+To use this widget, include the course number into the #widget parser syntax as the data-katacoda-id parameter.
-Example #widget syntax:
+Here is a sample #widget syntax:
 <pre>
 {{#widget:Katacoda|divid=myScenario|scenario=docker/deploying-first-container}}
 </pre>
-Resulting in this embedded code:
+Result:
 <pre>
 <p class="katacoda-caption><script src="//katacoda.com/embed.js"></script></p>
@@ Line 16: / Line 16: @@
 </pre>
-These are the available parameters:
+Available Parameters:
-* scenario - mandatory; the Katacoda scenario ID (including username and scenario name)
+* scenario (mandatory): Katacoda scenario ID (including username and scenario name)
-* divid - optional; unique ID for the div containing your Katacoda scenario; defaults to value of the scenario parameter
+* divid (optional): Unique ID for the div containing your Katacoda scenario; defaults to value of the scenario parameter
-* height - optional; height for the div containing your Katacoda scenario; defaults to 600px
+* height (optional): Height for the div containing your Katacoda scenario; defaults to 600px
 <!--
-* caption - optional; caption preceding Katacoda div; you can define the style separately
+* Caption (optional): Caption preceding Katacoda div; you can define the style separately
-* color - optional; hex value passed to Katacoda; defaults to 004d7f
+* Color (optional): Hex value passed to Katacoda; defaults to 004d7f
-* padding - optional; top padding for the div containing your Katacoda scenario; defaults to 0px
+* Padding (optional): Top padding for the div containing your Katacoda scenario; defaults to 0px
 -->
-== Copy to your site ==
+== Using the widget ==
-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, install [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><p class="katacoda-caption"><!--{$caption|escape:'html'}--><script src="//katacoda.com/embed.js"></script></p><div id="<!--{$divid|escape:'html'|default:$scenario}-->" data-katacoda-id="<!--{$scenario|escape:'html'}-->" data-katacoda-color="<!--{$color|escape:'html'|default:'004d7f'}-->" style="height: <!--{$height|escape:'html'|default:'600px'}-->; padding-top: <!--{$padding|escape:'html'|default:'0px'}-->;"></div></includeonly>