Template:Callout: Difference between revisions

Revision as of 14:48, 9 July 2026

Callout Template

Creates a styled, accessible callout for documentation.

Usage

{{Callout
 | type=tip
 |
You'll know you've successfully logged into Drupal when you see '''My Sites''' and your username in the black menu bar.

{{Screenshot
 | DrupalMySites.png
 | 500px
 | Screenshot showing the My Sites menu.
 | The Drupal toolbar after a successful login.
}}
}}

Custom Title

{{Callout
 | type=important
 | title=Drupal Training
 |
'''You must complete Drupal training before being given editing access to any website.'''

If you have questions about user permissions, contact [mailto:web-update@swarthmore.edu web-update@swarthmore.edu].
}}

Types

tip (default)
note
important
warning
success

Parameters

type — Optional.
title — Optional.
Body — The first unnamed parameter. Supports wiki markup, templates, images, tables, lists, links, and other standard MediaWiki content.

@@ Line 1: / Line 1: @@
-<includeonly><div role="note" aria-label="{{{title|{{#switch:{{lc:{{{type|tip}}}}}
+<includeonly><div style="text-align:center; margin:1.5em 0;">
+<div role="note" aria-label="{{{title|{{#switch:{{lc:{{{type|tip}}}}}
   |warning=Warning
   |important=Important
@@ Line 6: / Line 7: @@
   |#default=Tip
 }}}}}" style="
-display:block;
+display:inline-block;
-width:100%;
+width:auto;
 max-width:48em;
 box-sizing:border-box;
-margin:1.5em 0;
+text-align:left;
 padding:16px;
 border-radius:8px;
@@ Line 50: / Line 51: @@
 </div>
-<div style="
+<div style="line-height:1.5;">
-line-height:1.5;
-">
 {{{1|{{{content|}}}}}}
 </div>
+</div>
 </div></includeonly>