Manual:Template/Example/Notification Box - Revision history

Mlink-rodrigue at 07:38, 9 July 2021

2021-07-09T07:38:24Z

2020-06-17T08:03:38Z

2020-02-28T11:45:34Z

2019-12-09T14:58:25Z

2019-11-28T11:28:04Z

2019-11-26T09:31:23Z

2019-10-30T15:04:42Z

2019-10-30T15:03:32Z

2019-10-30T07:26:41Z

2019-10-30T07:26:06Z

@@ Line 1: / Line 1: @@
 {{DISPLAYTITLE:Notification Box}}
-==Template example: Notification box==
+To emphasize text passages, it is common to use a type of notifcation box. In this example, we create a notification box that can be used to show a warning, a tip or a note.{{Box Note|boxtype=note|Note text=Sie können eine Infobox-Vorlage auch direkt in ihr Wiki importieren. Hierzu gibt es eine [[Vorlagen Download/Hinweisbox| Download-Datei]].}}
-To emphasize text passages, it is common to use a type of notifcation box.
+==Template example: Notification box==
 [[File:boxnote-outputs.png|480x480px]]

@@ Line 39: / Line 39: @@
 <span class="boxlabel">
 {{#switch: {{{boxtype}}}
-  | note = Hinweis:
+  | note = Note:
-  | tip = Tipp:
+  | tip = Tip:
-  | warning = Achtung:
+  | warning = Warning:
-  | example = Beispiel:
+  | example = Example:
-  | important = Wichtig!
+  | important = Important!
   | backgroundbox =
-  | #default = Hinweis:
+  | #default = Note:
 }}
 </span>{{{Note text}}}
@@ Line 55: / Line 55: @@
 	"params": {
 		"boxtype": {
-			"description": "Possible values: note, tip, warning",
+			"description": "Possible values: note, tip, warning,example, important, backgroundbox",
 			"example": "note",
 			"type": "string",
@@ Line 63: / Line 63: @@
 		"Note text": {}
 	},
-	"description": "To add standard infoboxes such as notes or related links to a page"
+	"description": "To add standard info boxes such as notes or warnings to a page"
+}
 </templatedata>

@@ Line 17: / Line 17: @@
 <span class="boxlabel">
 {{#switch: {{{boxtype}}}
-  | note = Note:
+  | note = Hinweis:
-  | tip = Tip:
+  | tip = Tipp:
-  | warning = Warning:
+  | warning = Achtung:
-  | #default = Note:
+ | example = Beispiel:
 }}
-</span>
+</span>{{{Note text}}}
 </div>
 </syntaxhighlight>What this code does:
@@ Line 37: / Line 39: @@
 <span class="boxlabel">
 {{#switch: {{{boxtype}}}
-  | note = Note:
+  | note = Hinweis:
-  | tip = Tip:
+  | tip = Tipp:
-  | warning = Warning:
+  | warning = Achtung:
-  | #default = Note:
+ | example = Beispiel:
 }}
-</span>
+</span>{{{Note text}}}
 </div>
@@ Line 107: / Line 111: @@
 .notification-warning {
 border-left: solid 4px #c23c2b;
+}
 </syntaxhighlight>
 Now, add the reference to the stylesheet at the top of the template page (''Template:Box Note'') and save the template again:<syntaxhighlight lang="html">

@@ Line 68: / Line 68: @@
 *It lists the two parameters (''boxtype'' and ''Note text''), separated by a comma.
-*It lists the parameter objects (optional): description, example, type, etc.  For a full ist of template data objects, see [[mediawikiwiki:Extension:TemplateData#Param_object|www.mediawiki.org/wiki/Extension:TemplateData#Param_object]]
+*It lists the parameter objects (optional): description, example, type, etc.  For a full ist of template data objects, see [https://www.mediawiki.org/wiki/Extension:TemplateData#Param_object www.mediawiki.org/wiki/Extension:TemplateData#Param_object]
 *It describes the purpose of the template (''description'') so that users can distinguish it from similar templates.
@@ Line 131: / Line 131: @@
 To later edit the notification in visual editing mode, simply double-click the notification and the template dialog window opens.
 [[en:{{FULLPAGENAME}}]]
 [[de:Vorlagen/Beispiel/Infobox]]

← Older revision		Revision as of 09:31, 26 November 2019
Line 137:		Line 137:

	<br />		<br />
		+
		+
		+	[[en:{{FULLPAGENAME}}]]
		+	[[de:Vorlagen/Beispiel/Infobox]]

← Older revision	Revision as of 11:28, 28 November 2019
(No difference)

@@ Line 126: / Line 126: @@
 #'''Click''' ''Add more information''
 #'''Click''' ''Note text'' and enter the text for your notification box:[[File:template-insert-text.png|link=https://en.wiki.bluespice.com/wiki/File:template-insert-text.png|400x400px|center]]
-#'''Click''' ''Insert''. The notification box is now included on your page:
+#'''Click''' ''Insert''. The notification box is now included on your page:[[File:boxnote-output-note.png|alt=Screenshot: output for notification box|center|450x450px]]<br />
 Save the page if you have no further edits to make.

@@ Line 121: / Line 121: @@
 '''To create a notification box on a page:'''
-#'''Select''' ''Insert > Template'' in visual editing mode:
+#'''Select''' ''Insert > Template'' in visual editing mode:[[File:template-insert.png|link=https://en.wiki.bluespice.com/wiki/File:template-insert.png|center]]
-[[File:template-insert.png|link=https://en.wiki.bluespice.com/wiki/File:template-insert.png|center]]
+#'''Select''' the template ''Box Note'' and click '''Add template''':[[File:template-insert-selecttemplate.png|400x400px|link=https://en.wiki.bluespice.com/wiki/File:template-insert-selecttemplate.png|center]]
-#'''Select''' the template ''Box Note'' and click '''Add template''':
+#'''Enter the name''' for the type of box you want to create, for example ''note'':[[File:template-insert-type.png|400x400px|center]]
 #'''Click''' ''Add more information''
-#'''Click''' ''Note text'' and enter the text for your notification box:
+#'''Click''' ''Note text'' and enter the text for your notification box:[[File:template-insert-text.png|link=https://en.wiki.bluespice.com/wiki/File:template-insert-text.png|400x400px|center]]
-[[File:template-insert-text.png|link=https://en.wiki.bluespice.com/wiki/File:template-insert-text.png|400x400px|center]]
+#'''Click''' ''Insert''. The notification box is now included on your page:[File:boxnote-output-note.png|480x480px|center]]
 Save the page if you have no further edits to make.