Template:IconText - Revision history

Administrator: Created page with "{{trim| {{#lvardef: icon | {{{1}}} }} {{#lvardef: link | {{{link|}}} }} {{#lvardef: text | {{{2}}} }} {{#lvardef: min-w | {{#if: {{{w|}}} | {{{w}}} | {{#if: {{{size|}}} | {{{size}}} | 40 }} }} }} {{#lvardef: max-w | {{{w|}}} }} {{#lvardef: max-h | {{#if: {{{h|}}} | {{{h}}} | {{#if: {{{size|}}} | {{{size}}} | 40 }} }} }} }}{{#if: {{{block|}}} |
2024-12-10T00:46:12Z

Created page with "<includeonly>{{trim| {{#lvardef: icon | {{{1}}} }} {{#lvardef: link | {{{link|}}} }} {{#lvardef: text | {{{2}}} }} {{#lvardef: min-w | {{#if: {{{w|}}} | {{{w}}} | {{#if: {{{size|}}} | {{{size}}} | 40 }} }} }} {{#lvardef: max-w | {{{w|}}} }} {{#lvardef: max-h | {{#if: {{{h|}}} | {{{h}}} | {{#if: {{{size|}}} | {{{size}}} | 40 }} }} }} }}{{#if: {{{block|}}} | <span class="straftat-wiki-icontext-block" style="display: inline-flex; align-items: center; {{#if: {{{gap|}}} | gap..."

New page
<includeonly>{{trim|
{{#lvardef: icon | {{{1}}} }}
{{#lvardef: link | {{{link|}}} }}
{{#lvardef: text | {{{2}}} }}
{{#lvardef: min-w | {{#if: {{{w|}}} | {{{w}}} | {{#if: {{{size|}}} | {{{size}}} | 40 }} }} }}
{{#lvardef: max-w | {{{w|}}} }}
{{#lvardef: max-h | {{#if: {{{h|}}} | {{{h}}} | {{#if: {{{size|}}} | {{{size}}} | 40 }} }} }}
}}{{#if: {{{block|}}}
| <span class="straftat-wiki-icontext-block" style="display: inline-flex; align-items: center; {{#if: {{{gap|}}} | gap: {{{gap}}}px; }}">
| {{#if:{{{nowrap|}}}|<span style="white-space: nowrap">}}
}}<span class="straftat-wiki-icontext-icon-wrapper" style="
display: inline-flex;
align-items: center;
justify-content: center;
min-width: {{#lvar:min-w}}px;
height: {{#lvar:max-h}}px;
"><span class="straftat-wiki-icontext-icon" style="vertical-align: middle;">{{icon
| {{#lvar:icon}}
| link = {{#lvar:link}}
| caption = {{#lvar:text}}
| w = {{#lvar:max-w}}
| h = {{#lvar:max-h}}
| class = {{{class|}}}
}}</span></span> <span class="straftat-wiki-icontext-text">{{#if: {{#lvar:link}}
| [[{{#lvar:link}}|{{#lvar:text}}]]
| {{#lvar:text}}
}}</span>{{#if: {{{block|}}}{{{nowrap|}}}
| </span>
}}</includeonly><noinclude>
Usage: {{code|<nowiki>{{IconText | AK.png | AK }}</nowiki>}}

Result: {{IconText | AK.png | AK }}

The icon and text can be made into a link:

Usage: {{code|<nowiki>{{IconText | AK.png | Custom Text | link = AK }}</nowiki>}}

Result: {{IconText | AK.png | Custom Text | link = AK }}

The default size is {{code|x40px}} meaning the icon is scaled until the '''height''' is 40 px. It's usually important to limit the height since the icons are used inline, and a very high inline image makes for an unpleasant text layout.

An alternative value for the height can be provided via the {{code|size}} or {{code|h}} parameters, which are synonyms:

Usage: {{code|<nowiki>{{IconText | size = 25 | AK.png | AK }}</nowiki>}}

Result: {{IconText | size = 25 | AK.png | AK }}

Usage: {{code|<nowiki>{{IconText | size = 25 | AK.png | Custom Text | link = AK }}</nowiki>}}

Result: {{IconText | size = 25 | AK.png | Custom Text | link = AK }}

Behavior on missing icon:

{{IconText | Missing Icon 123.png | AK | size = 30 }}

The width can be set via the {{code|w}} parameter. This could be useful if several elements are supposed to align vertically for design purposes, such as in the following table shown on our main page as of the writing of this documentation. This also uses the {{code|block}} and {{code|gap}} parameters. (View the source of this page for usage.)

Setting {{code|block}} to yes ensures that if the text part has to break into multiple lines, the second line doesn't flow under the icon and instead the text is constrained into a rectangular block. The {{code|gap}} parameter can only be provided if block is set to yes, and determines the gap (in px) between the icon and the aforementioned rectangular text block.

[[Category:Icon templates]]
</noinclude>