Jump to content

Template:Msgbox: Difference between revisions

From Rollerskating Wiki
VisualWikitext
Created page with "<div style="border: 1px solid {{{border|var(--border-color-base, #a2a9b1)}}}; border-left: 10px solid {{{accent|var(--border-color-progressive, #36c)}}}; background-color: {{{bg|var(--background-color-neutral-subtle, #f8f9fa)}}}; color: var(--color-base, #202122); padding: 8px 12px; margin-bottom: 1em; line-height: 1.5; box-sizing: border-box;"> '''{{{issue|{{{1|}}}}}}''' {{{fix|{{{2|}}}}}} </div><noinclude> <div style="border: 1px solid var(--border-color-base, #a2a9b1)..."
Tag: 2017 source edit
 
No edit summary
Tag: 2017 source edit
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="border: 1px solid {{{border|var(--border-color-base, #a2a9b1)}}}; border-left: 10px solid {{{accent|var(--border-color-progressive, #36c)}}}; background-color: {{{bg|var(--background-color-neutral-subtle, #f8f9fa)}}}; color: var(--color-base, #202122); padding: 8px 12px; margin-bottom: 1em; line-height: 1.5; box-sizing: border-box;">
<div style="border: 1px solid {{{border|var(--border-color-base, #a2a9b1)}}}; border-left: 10px solid {{{accent|var(--border-color-progressive, #36c)}}}; background-color: {{{bg|var(--background-color-neutral-subtle, #f8f9fa)}}}; color: var(--color-base, #202122); padding: 8px 12px; margin-bottom: 1em; line-height: 1.5; box-sizing: border-box; display: flex; align-items: center; gap: 10px;">
'''{{{issue|{{{1|}}}}}}''' {{{fix|{{{2|}}}}}}
<div style="flex-shrink: 0; font-size: 24px;">{{{icon|}}}</div>
<div>{{#if:{{{text|}}}|{{{text|}}}|{{{issue|{{{1|}}}}}} {{{fix|{{{2|}}}}}} }}</div>
</div><noinclude>
</div><noinclude>
<div style="border: 1px solid var(--border-color-base, #a2a9b1); background-color: var(--background-color-success-subtle, #ecfcf4); padding: 1em; margin-top: 1em;">
<div style="border: 1px solid var(--border-color-base, #a2a9b1); background-color: var(--background-color-success-subtle, #ecfcf4); padding: 1em; margin-top: 1em;">
Line 8: Line 9:


== Basic usage ==
== Basic usage ==
=== Simple (issue + fix) ===


<pre>
<pre>
{{Msgbox
{{Msgbox
|issue=Describe the problem.
|icon=ℹ️
|issue='''Describe the problem.'''
|fix=Describe what the editor should do.
|fix=Describe what the editor should do.
}}
}}
Line 19: Line 23:


{{Msgbox
{{Msgbox
|issue=Describe the problem.
|icon=ℹ️
|issue='''Describe the problem.'''
|fix=Describe what the editor should do.
|fix=Describe what the editor should do.
}}
=== Rich text (text parameter) ===
Use <code>text</code> instead of <code>issue</code>/<code>fix</code> when you need lists, multiple paragraphs, or any complex wikitext:
<pre>
{{Msgbox
|icon=⚠️
|accent=var(--border-color-warning, #edab00)
|bg=var(--background-color-warning-subtle, #fef6e7)
|text='''This article has multiple issues.''' Please help [[Rollerskating Wiki:Contributing|improve it]] or discuss these issues on the [[{{TALKPAGENAME}}|talk page]].
* This article '''may contain original research.'''
* This article '''needs additional citations''' for verification.
}}
</pre>
Renders as:
{{Msgbox
|icon=⚠️
|accent=var(--border-color-warning, #edab00)
|bg=var(--background-color-warning-subtle, #fef6e7)
|text='''This article has multiple issues.''' Please help [[Rollerskating Wiki:Contributing|improve it]] or discuss these issues on the [[{{TALKPAGENAME}}|talk page]].
* This article '''may contain original research.'''
* This article '''needs additional citations''' for verification.
}}
}}


Line 28: Line 59:
! Parameter !! Required !! Description
! Parameter !! Required !! Description
|-
|-
| <code>issue</code> or <code>1</code> || Yes || '''Bold''' problem statement
| <code>text</code> || No || Freeform rich content. Overrides <code>issue</code> and <code>fix</code> when provided. Supports any wikitext: bold, links, lists, multiple paragraphs.
|-
| <code>issue</code> or <code>1</code> || No || Problem statement (add <code><nowiki>'''bold'''</nowiki></code> in calling templates). Used when <code>text</code> is not provided.
|-
| <code>fix</code> or <code>2</code> || No || What should be done to fix it. Appended after <code>issue</code>. Used when <code>text</code> is not provided.
|-
|-
| <code>fix</code> or <code>2</code> || Yes || What should be done to fix it
| <code>icon</code> || No || Emoji or image shown to the left of the text. Default: none.
|-
|-
| <code>accent</code> || No || Left border color (CSS value or Codex token). Default: progressive blue
| <code>accent</code> || No || Left border color (CSS value or Codex token). Default: progressive blue.
|-
|-
| <code>bg</code> || No || Background color. Default: neutral subtle
| <code>bg</code> || No || Background color. Default: neutral subtle.
|-
|-
| <code>border</code> || No || Outer border color. Default: base
| <code>border</code> || No || Outer border color. Default: base.
|}
|}


Line 48: Line 83:


<pre>
<pre>
{{Msgbox|issue=This is a notice.|fix=No action needed.}}
{{Msgbox|icon=ℹ️|issue='''This is a notice.''' |fix=No action needed.}}
</pre>
</pre>
{{Msgbox|issue=This is a notice.|fix=No action needed.}}
{{Msgbox|icon=ℹ️|issue='''This is a notice.''' |fix=No action needed.}}


=== Warning (content and style issues) ===
=== Warning (content and style issues) ===
Line 58: Line 93:
<pre>
<pre>
{{Msgbox
{{Msgbox
|icon=⚠️
|accent=var(--border-color-warning, #edab00)
|accent=var(--border-color-warning, #edab00)
|bg=var(--background-color-warning-subtle, #fef6e7)
|bg=var(--background-color-warning-subtle, #fef6e7)
|issue=This article needs additional citations.
|issue='''This article needs additional citations.'''
|fix=Please help improve it by adding reliable sources.
|fix=Please help improve it by adding reliable sources.
}}
}}
</pre>
</pre>
{{Msgbox
{{Msgbox
|icon=⚠️
|accent=var(--border-color-warning, #edab00)
|accent=var(--border-color-warning, #edab00)
|bg=var(--background-color-warning-subtle, #fef6e7)
|bg=var(--background-color-warning-subtle, #fef6e7)
|issue=This article needs additional citations.
|issue='''This article needs additional citations.'''
|fix=Please help improve it by adding reliable sources.
|fix=Please help improve it by adding reliable sources.
}}
}}
Line 77: Line 114:
<pre>
<pre>
{{Msgbox
{{Msgbox
|icon=❌
|accent=var(--border-color-error, #d33)
|accent=var(--border-color-error, #d33)
|bg=var(--background-color-error-subtle, #fee7e6)
|bg=var(--background-color-error-subtle, #fee7e6)
|issue=This article has been proposed for deletion.
|issue='''This article has been proposed for deletion.'''
|fix=Discuss on the talk page.
|fix=Discuss on the talk page.
}}
}}
</pre>
</pre>
{{Msgbox
{{Msgbox
|icon=❌
|accent=var(--border-color-error, #d33)
|accent=var(--border-color-error, #d33)
|bg=var(--background-color-error-subtle, #fee7e6)
|bg=var(--background-color-error-subtle, #fee7e6)
|issue=This article has been proposed for deletion.
|issue='''This article has been proposed for deletion.'''
|fix=Discuss on the talk page.
|fix=Discuss on the talk page.
}}
}}
Line 96: Line 135:
<pre>
<pre>
{{Msgbox
{{Msgbox
|icon=✅
|accent=var(--border-color-success, #14866d)
|accent=var(--border-color-success, #14866d)
|bg=var(--background-color-success-subtle, #ecfcf4)
|bg=var(--background-color-success-subtle, #ecfcf4)
|issue=This issue has been resolved.
|issue='''This issue has been resolved.'''
|fix=You may remove this notice.
|fix=You may remove this notice.
}}
}}
</pre>
</pre>
{{Msgbox
{{Msgbox
|icon=✅
|accent=var(--border-color-success, #14866d)
|accent=var(--border-color-success, #14866d)
|bg=var(--background-color-success-subtle, #ecfcf4)
|bg=var(--background-color-success-subtle, #ecfcf4)
|issue=This issue has been resolved.
|issue='''This issue has been resolved.'''
|fix=You may remove this notice.
|fix=You may remove this notice.
}}
}}
Line 115: Line 156:
<pre>
<pre>
{{Msgbox
{{Msgbox
|icon=🔀
|accent=var(--border-color-progressive, #36c)
|accent=var(--border-color-progressive, #36c)
|bg=var(--background-color-progressive-subtle, #eaf3ff)
|bg=var(--background-color-progressive-subtle, #eaf3ff)
|issue=It has been suggested that this article be merged.
|issue='''It has been suggested that this article be merged.'''
|fix=Discuss on the talk page.
|fix=Discuss on the talk page.
}}
}}
</pre>
</pre>
{{Msgbox
{{Msgbox
|icon=🔀
|accent=var(--border-color-progressive, #36c)
|accent=var(--border-color-progressive, #36c)
|bg=var(--background-color-progressive-subtle, #eaf3ff)
|bg=var(--background-color-progressive-subtle, #eaf3ff)
|issue=It has been suggested that this article be merged.
|issue='''It has been suggested that this article be merged.'''
|fix=Discuss on the talk page.
|fix=Discuss on the talk page.
}}
}}
Line 134: Line 177:
<pre>
<pre>
{{Msgbox
{{Msgbox
|icon=🔒
|accent=var(--border-color-base, #a2a9b1)
|accent=var(--border-color-base, #a2a9b1)
|bg=var(--background-color-neutral-subtle, #f8f9fa)
|bg=var(--background-color-neutral-subtle, #f8f9fa)
|issue=This article is semi-protected.
|issue='''This article is semi-protected.'''
|fix=Only autoconfirmed users may edit.
|fix=Only autoconfirmed users may edit.
}}
}}
</pre>
</pre>
{{Msgbox
{{Msgbox
|icon=🔒
|accent=var(--border-color-base, #a2a9b1)
|accent=var(--border-color-base, #a2a9b1)
|bg=var(--background-color-neutral-subtle, #f8f9fa)
|bg=var(--background-color-neutral-subtle, #f8f9fa)
|issue=This article is semi-protected.
|issue='''This article is semi-protected.'''
|fix=Only autoconfirmed users may edit.
|fix=Only autoconfirmed users may edit.
}}
}}
Line 197: Line 242:
== Shortcut templates ==
== Shortcut templates ==


These templates wrap <code><nowiki>{{Msgbox}}</nowiki></code> with preset styles:
These templates wrap <code><nowiki>{{Msgbox}}</nowiki></code> with preset styles and icons:


{| class="wikitable"
{| class="wikitable"
! Template !! Style !! Usage
! Template !! Icon !! Style !! Usage
|-
| <code><nowiki>{{Stub}}</nowiki></code> || 📝 || Notice (blue) || Article is too short
|-
| <code><nowiki>{{Citation needed}}</nowiki></code> || 📚 || Warning (orange) || Needs sources
|-
|-
| <code><nowiki>{{Stub}}</nowiki></code> || Notice (blue) || Article is too short
| <code><nowiki>{{Cleanup}}</nowiki></code> || 🧹 || Warning (orange) || Formatting/quality issues
|-
|-
| <code><nowiki>{{Citation needed}}</nowiki></code> || Warning (orange) || Needs sources
| <code><nowiki>{{Original research}}</nowiki></code> || ⚠️ || Warning (orange) || Unverified claims
|-
|-
| <code><nowiki>{{Cleanup}}</nowiki></code> || Warning (orange) || Formatting/quality issues
| <code><nowiki>{{Under construction}}</nowiki></code> || 🚧 || Notice (blue) || Work in progress
|-
|-
| <code><nowiki>{{Original research}}</nowiki></code> || Warning (orange) || Unverified claims
| <code><nowiki>{{Merge}}</nowiki></code> || 🔀 || Progressive (blue) || Merge proposal
|-
|-
| <code><nowiki>{{Under construction}}</nowiki></code> || Notice (blue) || Work in progress
| <code><nowiki>{{Delete}}</nowiki></code> || ❌ || Error (red) || Deletion proposal
|-
|-
| <code><nowiki>{{Merge}}</nowiki></code> || Progressive (blue) || Merge proposal
| <code><nowiki>{{Fact checked}}</nowiki></code> || ✅ || Success (green) || Verified content
|-
|-
| <code><nowiki>{{Delete}}</nowiki></code> || Error (red) || Deletion proposal
| <code><nowiki>{{Unverified}}</nowiki></code> || 🔍 || Warning (orange) || Not yet fact-checked
|}
|}


== See also ==
== See also ==


* [[Rollerskating Wiki:Guidelines]]
* [[Rollerskating Wiki:Contributing Guidelines]]
* [[Rollerskating Wiki:Contributing]]
* [[Rollerskating Wiki:Contributing]]
* [https://doc.wikimedia.org/codex/latest/design-tokens/ Codex Design Tokens documentation]
* [https://doc.wikimedia.org/codex/latest/design-tokens/ Codex Design Tokens documentation]


</div>
</div>
[[Category:Template documentation]]
 
<templatedata>
<templatedata>
{
{
"params": {},
    "description": "A message box for article notices, warnings, and maintenance tags. Supports both simple (issue/fix) and freeform (text) modes. Uses Codex design tokens for automatic light/dark theme support.",
"description": "Renders a left-bordered message box"
    "params": {
        "text": {
            "label": "Text",
            "description": "Freeform rich content. Overrides issue and fix when provided. Supports any wikitext: bold, links, lists, paragraphs.",
            "type": "content",
            "required": false
        },
        "issue": {
            "label": "Issue",
            "description": "Short problem statement. Used when text is not provided.",
            "type": "content",
            "required": false,
            "aliases": ["1"]
        },
        "fix": {
            "label": "Fix",
            "description": "What should be done to fix the issue. Appended after issue. Used when text is not provided.",
            "type": "content",
            "required": false,
            "aliases": ["2"]
        },
        "icon": {
            "label": "Icon",
            "description": "Emoji or image shown to the left of the text.",
            "type": "string",
            "required": false,
            "suggestedvalues": ["ℹ️", "⚠️", "❌", "✅", "🔀", "🔒", "📝", "📚", "🧹", "🚧"]
        },
        "accent": {
            "label": "Accent color",
            "description": "Left border color. Use a Codex design token for automatic dark mode support.",
            "type": "string",
            "required": false,
            "default": "var(--border-color-progressive, #36c)",
            "suggestedvalues": [
                "var(--border-color-progressive, #36c)",
                "var(--border-color-warning, #edab00)",
                "var(--border-color-error, #d33)",
                "var(--border-color-success, #14866d)",
                "var(--border-color-base, #a2a9b1)"
            ]
        },
        "bg": {
            "label": "Background color",
            "description": "Background color. Use a Codex design token for automatic dark mode support.",
            "type": "string",
            "required": false,
            "default": "var(--background-color-neutral-subtle, #f8f9fa)",
            "suggestedvalues": [
                "var(--background-color-neutral-subtle, #f8f9fa)",
                "var(--background-color-warning-subtle, #fef6e7)",
                "var(--background-color-error-subtle, #fee7e6)",
                "var(--background-color-success-subtle, #ecfcf4)",
                "var(--background-color-progressive-subtle, #eaf3ff)"
            ]
        },
        "border": {
            "label": "Border color",
            "description": "Outer border color.",
            "type": "string",
            "required": false,
            "default": "var(--border-color-base, #a2a9b1)"
        }
    },
    "format": "block",
    "paramOrder": ["icon", "text", "issue", "fix", "accent", "bg", "border"]
}
}
</templatedata></noinclude>
</templatedata>
[[Category:Template documentation]]
</noinclude>

Latest revision as of 02:15, 25 March 2026

Template documentation

{{Msgbox}} is the base template for article message boxes. It uses Codex design tokens for automatic light/dark theme support across Vector 2022, Minerva (mobile), MonoBook, and Timeless.

Basic usage

Simple (issue + fix)

{{Msgbox
|icon=ℹ️
|issue='''Describe the problem.'''
|fix=Describe what the editor should do.
}}

Renders as:

ℹ️
Describe the problem. Describe what the editor should do.

Rich text (text parameter)

Use text instead of issue/fix when you need lists, multiple paragraphs, or any complex wikitext: 

{{Msgbox
|icon=⚠️
|accent=var(--border-color-warning, #edab00)
|bg=var(--background-color-warning-subtle, #fef6e7)
|text='''This article has multiple issues.''' Please help [[Rollerskating Wiki:Contributing|improve it]] or discuss these issues on the [[{{TALKPAGENAME}}|talk page]].
* This article '''may contain original research.'''
* This article '''needs additional citations''' for verification.
}}

Renders as:

⚠️
This article has multiple issues. Please help improve it or discuss these issues on the talk page.
  • This article may contain original research.
  • This article needs additional citations for verification.

Parameters

Parameter Required Description
text No Freeform rich content. Overrides issue and fix when provided. Supports any wikitext: bold, links, lists, multiple paragraphs.
issue or 1 No Problem statement (add '''bold''' in calling templates). Used when text is not provided.
fix or 2 No What should be done to fix it. Appended after issue. Used when text is not provided.
icon No Emoji or image shown to the left of the text. Default: none.
accent No Left border color (CSS value or Codex token). Default: progressive blue.
bg No Background color. Default: neutral subtle.
border No Outer border color. Default: base.

Types

There are no hardcoded types. Instead, pass Codex tokens to accent and bg to get different styles. The recommended combinations are shown below.

Notice (default)

For general informational messages, stubs, and neutral notices. This is the default when no accent or bg is specified. 

{{Msgbox|icon=ℹ️|issue='''This is a notice.''' |fix=No action needed.}}
ℹ️
This is a notice. No action needed.

Warning (content and style issues)

For content quality problems: missing citations, original research, POV, cleanup, tone. 

{{Msgbox
|icon=⚠️
|accent=var(--border-color-warning, #edab00)
|bg=var(--background-color-warning-subtle, #fef6e7)
|issue='''This article needs additional citations.'''
|fix=Please help improve it by adding reliable sources.
}}
⚠️
This article needs additional citations. Please help improve it by adding reliable sources.

Error (deletion)

For deletion proposals, speedy deletion, and serious policy violations. 

{{Msgbox
|icon=❌
|accent=var(--border-color-error, #d33)
|bg=var(--background-color-error-subtle, #fee7e6)
|issue='''This article has been proposed for deletion.'''
|fix=Discuss on the talk page.
}}
❌
This article has been proposed for deletion. Discuss on the talk page.

Success (resolved)

For resolved issues, completed reviews, or positive status. 

{{Msgbox
|icon=✅
|accent=var(--border-color-success, #14866d)
|bg=var(--background-color-success-subtle, #ecfcf4)
|issue='''This issue has been resolved.'''
|fix=You may remove this notice.
}}
✅
This issue has been resolved. You may remove this notice.

Progressive (merge and move)

For merge proposals, split proposals, and move discussions. 

{{Msgbox
|icon=🔀
|accent=var(--border-color-progressive, #36c)
|bg=var(--background-color-progressive-subtle, #eaf3ff)
|issue='''It has been suggested that this article be merged.'''
|fix=Discuss on the talk page.
}}
🔀
It has been suggested that this article be merged. Discuss on the talk page.

Neutral (protection and info)

For page protection notices and other low-priority information. 

{{Msgbox
|icon=🔒
|accent=var(--border-color-base, #a2a9b1)
|bg=var(--background-color-neutral-subtle, #f8f9fa)
|issue='''This article is semi-protected.'''
|fix=Only autoconfirmed users may edit.
}}
🔒
This article is semi-protected. Only autoconfirmed users may edit.

Codex design tokens reference

All tokens adapt automatically to light and dark mode in Vector 2022 and Minerva.

Border colors

Token Light value Use for
var(--border-color-progressive, #36c) #36c Notice, info, merge
var(--border-color-warning, #edab00) #edab00 Content/style issues
var(--border-color-error, #d33) #d33 Deletion, speedy
var(--border-color-success, #14866d) #14866d Resolved, good
var(--border-color-base, #a2a9b1) #a2a9b1 Neutral, protection

Background colors

Token Light value Use for
var(--background-color-progressive-subtle, #eaf3ff) #eaf3ff Notice, merge
var(--background-color-warning-subtle, #fef6e7) #fef6e7 Content/style issues
var(--background-color-error-subtle, #fee7e6) #fee7e6 Deletion
var(--background-color-success-subtle, #ecfcf4) #ecfcf4 Resolved
var(--background-color-neutral-subtle, #f8f9fa) #f8f9fa Default/neutral

Text colors

Token Description
var(--color-base, #202122) Primary text color
var(--color-subtle, #54595d) Secondary/muted text
var(--color-progressive, #36c) Link/action color

Shortcut templates

These templates wrap {{Msgbox}} with preset styles and icons:

Template Icon Style Usage
{{Stub}} 📝 Notice (blue) Article is too short
{{Citation needed}} 📚 Warning (orange) Needs sources
{{Cleanup}} 🧹 Warning (orange) Formatting/quality issues
{{Original research}} ⚠️ Warning (orange) Unverified claims
{{Under construction}} 🚧 Notice (blue) Work in progress
{{Merge}} 🔀 Progressive (blue) Merge proposal
{{Delete}} ❌ Error (red) Deletion proposal
{{Fact checked}} ✅ Success (green) Verified content
{{Unverified}} 🔍 Warning (orange) Not yet fact-checked

See also

A message box for article notices, warnings, and maintenance tags. Supports both simple (issue/fix) and freeform (text) modes. Uses Codex design tokens for automatic light/dark theme support.

Template parameters[Edit template data]

This template prefers block formatting of parameters.

ParameterDescriptionTypeStatus
Iconicon

Emoji or image shown to the left of the text.

Suggested values
ℹ️ ⚠️ ❌ ✅ 🔀 🔒 📝 📚 🧹 🚧
Stringoptional
Texttext

Freeform rich content. Overrides issue and fix when provided. Supports any wikitext: bold, links, lists, paragraphs.

Contentoptional
Issueissue 1

Short problem statement. Used when text is not provided.

Contentoptional
Fixfix 2

What should be done to fix the issue. Appended after issue. Used when text is not provided.

Contentoptional
Accent coloraccent

Left border color. Use a Codex design token for automatic dark mode support.

Suggested values
var(--border-color-progressive, #36c) var(--border-color-warning, #edab00) var(--border-color-error, #d33) var(--border-color-success, #14866d) var(--border-color-base, #a2a9b1)
Default
var(--border-color-progressive, #36c)
Stringoptional
Background colorbg

Background color. Use a Codex design token for automatic dark mode support.

Suggested values
var(--background-color-neutral-subtle, #f8f9fa) var(--background-color-warning-subtle, #fef6e7) var(--background-color-error-subtle, #fee7e6) var(--background-color-success-subtle, #ecfcf4) var(--background-color-progressive-subtle, #eaf3ff)
Default
var(--background-color-neutral-subtle, #f8f9fa)
Stringoptional
Border colorborder

Outer border color.

Default
var(--border-color-base, #a2a9b1)
Stringoptional
Retrieved from "https://rollerskating.wiki/index.php?title=Template:Msgbox&oldid=577"