bwf>Andreas Plank: +anchor visible

2020-07-13T10:45:30Z

+anchor visible

← Older revision		Revision as of 12:45, 13 July 2020
Line 2:		Line 2:
	template programming here		template programming here
	-->{{#switch: {{LC:{{{type\|{{{2\|}}}}}}}}<!--		-->{{#switch: {{LC:{{{type\|{{{2\|}}}}}}}}<!--
	-->\| danger = <div class="alert alert-danger" {{#if: {{{anchor\|}}}\|id="{{{anchor\|}}}"}} style="/* .alert / padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; / .alert-danger */ color: #a94442; background-color: #f2dede; border-color: #ebccd1; ">{{{1\|{{{content\|}}}}}}</div><!--		-->\| danger = <div class="alert alert-danger" {{#if: {{{anchor\|}}}\|id="{{{anchor\|}}}"}} style="/* .alert / padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; / .alert-danger */ color: #a94442; background-color: #f2dede; border-color: #ebccd1; ">{{#if: {{{anchor\|}}}\|<div class="mw-collapsible mw-collapsed" style="border-bottom:1px solid gray;margin-bottom:1ex;" id="mw-customcollapsible-{{#REPLACE:{{ANCHORENCODE:{{{anchor\|}}}}}\|.\|dot}}" ><span title="Click to show the link anchor to this box" class="mw-customtoggle-{{#REPLACE:{{ANCHORENCODE:{{{anchor\|}}}}}\|.\|dot}}">🔗</span><div class="mw-collapsible-content">Link to this box: [[#{{{anchor\|}}}]]</div></div>}}<!--
	-->\| info \| #default = <div class="alert alert-info" {{#if: {{{anchor\|}}}\|id="{{{anchor\|}}}"}} style="/* .alert / padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; / .alert-info */ color: #31708f; background-color: #d9edf7; border-color: #bce8f1; ">{{{1\|{{{content\|}}}}}}</div><!--		-->{{{1\|{{{content\|}}}}}}</div><!--
	-->\| success = <div class="alert alert-success" {{#if: {{{anchor\|}}}\|id="{{{anchor\|}}}"}} style="/* .alert / padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; / .alert-success */ color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; ">{{{1\|{{{content\|}}}}}}</div><!--		-->\| info \| #default = <div class="alert alert-info" {{#if: {{{anchor\|}}}\|id="{{{anchor\|}}}"}} style="/* .alert / padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; / .alert-info */ color: #31708f; background-color: #d9edf7; border-color: #bce8f1; ">{{#if: {{{anchor\|}}}\|<div class="mw-collapsible mw-collapsed" style="border-bottom:1px solid gray;margin-bottom:1ex;" id="mw-customcollapsible-{{#REPLACE:{{ANCHORENCODE:{{{anchor\|}}}}}\|.\|dot}}" ><span title="Click to show the link anchor to this box" class="mw-customtoggle-{{#REPLACE:{{ANCHORENCODE:{{{anchor\|}}}}}\|.\|dot}}">🔗</span><div class="mw-collapsible-content">Link to this box: [[#{{{anchor\|}}}]]</div></div>}}<!--
	-->\| warning = <div class="alert alert-warning" {{#if: {{{anchor\|}}}\|id="{{{anchor\|}}}"}} style="/* .alert / padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; / .alert-warning */ color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; ">{{{1\|{{{content\|}}}}}}</div><!--		-->{{{1\|{{{content\|}}}}}}</div><!--
			-->\| success = <div class="alert alert-success" {{#if: {{{anchor\|}}}\|id="{{{anchor\|}}}"}} style="/* .alert / padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; / .alert-success */ color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; ">{{#if: {{{anchor\|}}}\|<div class="mw-collapsible mw-collapsed" style="border-bottom:1px solid gray;margin-bottom:1ex;" id="mw-customcollapsible-{{#REPLACE:{{ANCHORENCODE:{{{anchor\|}}}}}\|.\|dot}}" ><span title="Click to show the link anchor to this box" class="mw-customtoggle-{{#REPLACE:{{ANCHORENCODE:{{{anchor\|}}}}}\|.\|dot}}">🔗</span><div class="mw-collapsible-content">Link to this box: [[#{{{anchor\|}}}]]</div></div>}}<!--
			-->{{{1\|{{{content\|}}}}}}</div><!--
			-->\| warning = <div class="alert alert-warning" {{#if: {{{anchor\|}}}\|id="{{{anchor\|}}}"}} style="/* .alert / padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; / .alert-warning */ color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; ">{{#if: {{{anchor\|}}}\|<div class="mw-collapsible mw-collapsed" style="border-bottom:1px solid gray;margin-bottom:1ex;" id="mw-customcollapsible-{{#REPLACE:{{ANCHORENCODE:{{{anchor\|}}}}}\|.\|dot}}" ><span title="Click to show the link anchor to this box" class="mw-customtoggle-{{#REPLACE:{{ANCHORENCODE:{{{anchor\|}}}}}\|.\|dot}}">🔗</span><div class="mw-collapsible-content">Link to this box: [[#{{{anchor\|}}}]]</div></div>}}<!--
			-->{{{1\|{{{content\|}}}}}}</div><!--
	-->}}<!-- end switch		-->}}<!-- end switch
	--></includeonly><noinclude>		--></includeonly><noinclude>
Line 26:		Line 30:
	\|Note, that text in the box (info notice is default style)		\|Note, that text in the box (info notice is default style)
	\|info		\|info
			}}

			<nowiki>{{</nowiki>{{PAGENAME}}
			\|Note, that text in the box (info notice is default style)
			\|anchor=box with info note
	}}		}}

Line 34:		Line 43:
	\|Note, that text in the box (info notice is default style)		\|Note, that text in the box (info notice is default style)
	\|info		\|info
			}}

			{{ {{PAGENAME}}
			\|Note, that text in the box (info notice is default style)
			\|anchor=box with info note
	}}		}}
	</td><!--		</td><!--

bwf>Andreas Plank: Alert box after CodiMD layout

2020-06-04T15:22:13Z

Alert box after CodiMD layout

New page

<includeonly>{{#switch: {{LC:{{{type|{{{2|}}}}}}}}| danger = <div class="alert alert-danger" {{#if: {{{anchor|}}}|id="{{{anchor|}}}"}} style="/* .alert */ padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; /* .alert-danger */ color: #a94442; background-color: #f2dede; border-color: #ebccd1; ">{{{1|{{{content|}}}}}}</div>| info | #default = <div class="alert alert-info" {{#if: {{{anchor|}}}|id="{{{anchor|}}}"}} style="/* .alert */ padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; /* .alert-info */ color: #31708f; background-color: #d9edf7; border-color: #bce8f1; ">{{{1|{{{content|}}}}}}</div>| success = <div class="alert alert-success" {{#if: {{{anchor|}}}|id="{{{anchor|}}}"}} style="/* .alert */ padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; /* .alert-success */ color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; ">{{{1|{{{content|}}}}}}</div>| warning = <div class="alert alert-warning" {{#if: {{{anchor|}}}|id="{{{anchor|}}}"}} style="/* .alert */ padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; /* .alert-warning */ color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; ">{{{1|{{{content|}}}}}}</div>}}</includeonly><noinclude>
'''Summary:''' provide different kind of display boxes for messages (e.g. info, warning, danger, success)

== Usage ==

<table class="vertical-align-top booktabledotted"><tr><th>Wiki Code</th><th>Example</th></tr><tr><td>
<nowiki>{{</nowiki>{{PAGENAME}}
|Note, that text in the box (info notice is default style)
}}

<nowiki>{{</nowiki>{{PAGENAME}}
|Note, that text in the box (info notice is default style)
|info
}}

</td><td>
… which gives

{{ {{PAGENAME}}
|Note, that text in the box (info notice is default style)
|info
}}
</td></tr><tr><td>
<nowiki>{{</nowiki>{{PAGENAME}}
|Yes, text in the box (success notice)
|success
}}
</td><td>
… which gives

{{ {{PAGENAME}}
|Yes, text in the box (success notice)
|success
}}</td></tr><tr><td>
<nowiki>{{</nowiki>{{PAGENAME}}
|Watch out! Text in the box (warning notice)
|warning
}}
</td><td>
… which gives

{{ {{PAGENAME}}
|Watch out! Text in the box (warning notice)
|warning
}}</td></tr><tr><td>
<nowiki>{{</nowiki>{{PAGENAME}}
|Oh No! Text in the box (danger notice)
|danger
}}
</td><td>
… which gives

{{ {{PAGENAME}}
|Oh No! Text in the box (danger notice)
|danger
}}</td></tr></table>

== Parameters ==

'''Bold parameters''' are mandatory, all other are optional:
; |1= <span style="font-weight:normal;">or</span> |content= : the text content of the box
; <span style="font-weight:normal;">|2= or |type=</span> : the text content of the box’es type, one of <code>info</code>, <code>success</code>, <code>warning</code>, <code>danger</code> (info is default)
; <span style="font-weight:normal;">|anchor=</span> : an (HTML) ID as a target anchor, to have later a link possibility to point to this ID

</noinclude>

Template:Alert box - Revision history

bwf>Andreas Plank: +anchor visible

bwf>Andreas Plank: Alert box after CodiMD layout