Template:Box: Difference between revisions
No edit summary |
No edit summary |
||
| Line 4: | Line 4: | ||
{{#if:{{{icon|}}}|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 50px;">[[File:{{{icon}}}|50px|left|link=|alt=]]</span> }} | {{#if:{{{icon|}}}|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 50px;">[[File:{{{icon}}}|50px|left|link=|alt=]]</span> }} | ||
<div style="color: {{{title-color|#000000}}}; font-weight: bold; line-height: 50px; {{#if:{{{center}}}|text-align: center;}}"><big>{{{title}}}</big></div> | <div style="color: {{{title-color|#000000}}}; font-weight: bold; line-height: 50px; {{#if:{{{center}}}|text-align: center;}}"><big>{{{title}}}</big></div> | ||
{{#if:{{{ | {{#if:{{{trailing-icon|}}}|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 50px;">[[File:{{{trailing-icon}}}|50px|left|link=|alt=]]</span> }} | ||
<!-- Link div --> | <!-- Link div --> | ||
{{#if:{{{link|}}}|<div style="float: right; font-size: 0.7em;">[[{{{link}}}|<span style="color: {{{link-color|{{{title-color|#000000}}}}}};">{{{Link-text|{{{link-text|Link}}}}}}</span>]]</div>}} | {{#if:{{{link|}}}|<div style="float: right; font-size: 0.7em;">[[{{{link}}}|<span style="color: {{{link-color|{{{title-color|#000000}}}}}};">{{{Link-text|{{{link-text|Link}}}}}}</span>]]</div>}} | ||
| Line 16: | Line 16: | ||
<templatedata> | <templatedata> | ||
{ | { | ||
"params": { | "params": { | ||
"title": { | "title": { | ||
"label": "Title", | "label": "Title", | ||
"description": "Title of the box.", | "description": "Title of the box.", | ||
"example": "Selection", | "example": "Selection", | ||
"type": "string", | "type": "string", | ||
"required": true | "required": true | ||
}, | }, | ||
"content": { | "content": { | ||
"label": "Content", | "label": "Content", | ||
"description": "Content of the box.", | "description": "Content of the box.", | ||
"example": "{{clr}}{{Template:Box/Sample}}", | "example": "{{clr}}{{Template:Box/Sample}}", | ||
"type": "content", | "type": "content", | ||
"required": true | "required": true | ||
}, | }, | ||
"link": { | "link": { | ||
"label": "Link", | "label": "Link", | ||
"description": "Wikipedia page title for editing the content.", | "description": "Wikipedia page title for editing the content.", | ||
"example": "Template:Box/Sample", | "example": "Template:Box/Sample", | ||
"type": "wiki-page-name", | "type": "wiki-page-name", | ||
"suggested": true | "suggested": true | ||
}, | }, | ||
"icon": { | "icon": { | ||
"label": "Icon", | "label": "Icon", | ||
"description": "Name of an icon file.", | "description": "Name of an icon file.", | ||
"example": "Circle-icons-chat.svg", | "example": "Circle-icons-chat.svg", | ||
"type": "wiki-file-name" | "type": "wiki-file-name" | ||
}, | }, | ||
"title-color": { | "title-color": { | ||
"label": "Title color", | "label": "Title color", | ||
"description": "Hexadecimal color code of the title text.", | "description": "Hexadecimal color code of the title text.", | ||
"example": "#339966", | "example": "#339966", | ||
"type": "string", | "type": "string", | ||
"default": "#FFFFFF" | "default": "#FFFFFF" | ||
}, | }, | ||
"style": { | "style": { | ||
"label": "Style", | "label": "Style", | ||
"description": "Additional CSS style for the container.", | "description": "Additional CSS style for the container.", | ||
"type": "string" | "type": "string" | ||
}, | }, | ||
"link-color": { | "link-color": { | ||
"label": "Link color", | "label": "Link color", | ||
"description": "Hexadecimal color code of the 'Edit' link.", | "description": "Hexadecimal color code of the 'Edit' link.", | ||
"example": "#339966", | "example": "#339966", | ||
"type": "string", | "type": "string", | ||
"default": "#999999" | "default": "#999999" | ||
}, | }, | ||
"background-title-color": { | "background-title-color": { | ||
"label": "Title background color", | "label": "Title background color", | ||
"description": "Hexadecimal color code of the title bar background.", | "description": "Hexadecimal color code of the title bar background.", | ||
"example": "#447FF5", | "example": "#447FF5", | ||
"type": "string", | "type": "string", | ||
"default": "#339966", | "default": "#339966", | ||
"suggested": true | "suggested": true | ||
}, | }, | ||
"background-content-color": { | "background-content-color": { | ||
"label": "Content background color", | "label": "Content background color", | ||
"description": "Hexadecimal color code of the box content background.", | "description": "Hexadecimal color code of the box content background.", | ||
"example": "#339966", | "example": "#339966", | ||
"type": "string", | "type": "string", | ||
"default": "#F8F9FA" | "default": "#F8F9FA" | ||
}, | }, | ||
"Link-text": { | "Link-text": { | ||
"description": "Default title: edit, can be changed", | "description": "Default title: edit, can be changed", | ||
"default": "edit" | "default": "edit" | ||
}, | }, | ||
"background-color": {}, | "background-color": {}, | ||
"background-title-color-hover": { | "background-title-color-hover": { | ||
"label": "Title background color on hover", | "label": "Title background color on hover", | ||
"description": "When hovering with the mouse, changes the background color of the title.", | "description": "When hovering with the mouse, changes the background color of the title.", | ||
"default": "{{{background-title-color}}}" | "default": "{{{background-title-color}}}" | ||
}, | }, | ||
"title-color-hover": {}, | "title-color-hover": {}, | ||
"flex": { | "flex": { | ||
"label": "Flex", | "label": "Flex", | ||
"description": "Integration into the dynamic column/row grid. The first number indicates the proportion at which the box can expand, the second indicates the proportion at which it can shrink, the third indicates the minimum width in px/em of the box", | "description": "Integration into the dynamic column/row grid. The first number indicates the proportion at which the box can expand, the second indicates the proportion at which it can shrink, the third indicates the minimum width in px/em of the box", | ||
"type": "string", | "type": "string", | ||
"default": "0 1 auto" | "default": "0 1 auto" | ||
}, | }, | ||
"center": { | "center": { | ||
"label": "Center title", | "label": "Center title", | ||
"description": "If specified, it allows centering the title." | "description": "If specified, it allows centering the title." | ||
} | }, | ||
}, | "trailing-icon": { | ||
"description": "The box template allows you to highlight something with a coloured box.", | "label": "Trailing Icon", | ||
"paramOrder": [ | "description": "An icon to display after, rather than before, the title.", | ||
"title", | "type": "wiki-file-name" | ||
"content", | } | ||
"link", | }, | ||
"background-title-color", | "description": "The box template allows you to highlight something with a coloured box.", | ||
"icon", | "paramOrder": [ | ||
"title-color", | "title", | ||
"style", | "content", | ||
"link-color", | "link", | ||
"background-content-color", | "background-title-color", | ||
"Link-text", | "icon", | ||
"background-color", | "trailing-icon", | ||
"background-title-color-hover", | "title-color", | ||
"title-color-hover", | "style", | ||
"flex", | "link-color", | ||
"center" | "background-content-color", | ||
], | "Link-text", | ||
"format": "block" | "background-color", | ||
"background-title-color-hover", | |||
"title-color-hover", | |||
"flex", | |||
"center" | |||
], | |||
"format": "block" | |||
} | } | ||
</templatedata> | </templatedata> | ||
</noinclude> | </noinclude> | ||
Revision as of 20:37, 20 January 2025
{{{title}}}
{{{content}}}
The box template allows you to highlight something with a coloured box.
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| Title | title | Title of the box.
| String | required |
| Content | content | Content of the box.
| Content | required |
| Link | link | Wikipedia page title for editing the content.
| Page name | suggested |
| Title background color | background-title-color | Hexadecimal color code of the title bar background.
| String | suggested |
| Icon | icon | Name of an icon file.
| File | optional |
| Trailing Icon | trailing-icon | An icon to display after, rather than before, the title. | File | optional |
| Title color | title-color | Hexadecimal color code of the title text.
| String | optional |
| Style | style | Additional CSS style for the container. | String | optional |
| Link color | link-color | Hexadecimal color code of the 'Edit' link.
| String | optional |
| Content background color | background-content-color | Hexadecimal color code of the box content background.
| String | optional |
| Link-text | Link-text | Default title: edit, can be changed
| Unknown | optional |
| background-color | background-color | no description | Unknown | optional |
| Title background color on hover | background-title-color-hover | When hovering with the mouse, changes the background color of the title.
| Unknown | optional |
| title-color-hover | title-color-hover | no description | Unknown | optional |
| Flex | flex | Integration into the dynamic column/row grid. The first number indicates the proportion at which the box can expand, the second indicates the proportion at which it can shrink, the third indicates the minimum width in px/em of the box
| String | optional |
| Center title | center | If specified, it allows centering the title. | Unknown | optional |