Difference between revisions of "Template:CLIO"

Latest revision as of 12:56, 12 May 2022

View Example

No description.

Template parameters
Parameter		Description	Type	Status
Program	`Program`	This is the program that will be loaded. Default Default	String	optional
Activity	`Activity`	This is the activity that will be loaded.	String	optional
Mode	`Mode`	This is the interaction mode that will be used. Default facilitator	String	optional
Menu	`Menu`	This is the menu that will be opened.	Unknown	optional

@@ Line 1: / Line 1: @@
-<div class="{{#ifeq:{{NAMESPACE}}|{{TALKSPACE}}|standard-talk}} messagebox-pnutshell" style="position:relative;clear:both;margin:2px auto 14px auto;width:100px;min-width:18em;border:1px solid #a3b0bf;background:#cedff2;padding:2px;">
+<div data-example="{{{Mode}}}_{{{Program}}}_{{{Activity}}}" data-program="{{{Program}}}" data-activity="{{{Activity}}}" data-mode="{{{Mode}}}" class="{{#ifeq:{{NAMESPACE}}|{{TALKSPACE}}|standard-talk}} messagebox-pnutshell iframe_open" style="position:relative;clear:both;margin:2px 0 14px 0;width:100px;min-width:18em;border:1px solid #a3b0bf;background:#cedff2;padding:2px;">
 <div style="position:absolute;top:2px;left:2px;">[[File:Google_material_zoom_in.png|30x30px]]</div><div style="position:relative;margin:0;margin-left:34px;min-height:30px;">
-<div style="margin:0;padding:5px;" class="plainlinks">'''View Example'''</div>
+<div style="margin:0;padding:5px;text-align: center;
+    margin: 0 0 0 -15px; text-decoration: underline; cursor: pointer; color: #007bff;" class="plainlinks">'''View Example'''</div>
 </div></div>
+<div class="iframe_content" data-example="{{{Mode}}}_{{{Program}}}_{{{Activity}}}" style="display:none">
+</div>
+<noinclude>
+<templatedata>
+{
+	"params": {
+		"Program": {
+			"label": "Program",
+			"description": "This is the program that will be loaded.",
+			"type": "string",
+			"default": "Default"
+		},
+		"Activity": {
+			"label": "Activity",
+			"description": "This is the activity that will be loaded.",
+			"type": "string"
+		},
+		"Mode": {
+			"label": "Mode",
+			"description": "This is the interaction mode that will be used.",
+			"type": "string",
+			"default": "facilitator"
+		},
+		"Menu": {
+			"label": "Menu",
+			"description": "This is the menu that will be opened."
+		}
+	}
+}
+</templatedata>
+</noinclude>