Template:ButtonBox: Difference between revisions

From The Portal Wiki
No edit summary
m (Protected "Template:ButtonBox" ([Edit=Allow only autoconfirmed users] (indefinite) [Move=Allow only autoconfirmed users] (indefinite)))
 
(14 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<includeonly>{{#if: {{{container|}}}|<nowiki/>
<includeonly>{{#if: {{{container|}}}|<nowiki/>
<div class="button-section"><nowiki/>
<div class="button-section {{{containerclass|}}}"><nowiki/>
{{{containercontent|}}}
<div class="button-links"><nowiki/>
<div class="button-links"><nowiki/>
{{#if: {{{link1|}}}|<nowiki/>
{{#if: {{{link1|}}}|<nowiki/>
<div class="button-object {{{class1|}}}">
<div class="button-object {{{class1|}}}">
{{#if: {{{image1|}}}|<nowiki/>
{{#if: {{{image1|}}}|<nowiki/>
[[File:{{{image1}}}|{{{image1w|64px}}}]] {{{link1}}}|<nowiki/>
[[File:{{{image1}}}|{{{image1w|64px}}}|link=]] {{{link1}}}|<nowiki/>
{{{link1}}}<nowiki/>
{{{link1}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{link2|}}}|<nowiki/>
<div class="button-object {{{class2|}}}">
{{#if: {{{image2|}}}|<nowiki/>
[[File:{{{image2}}}|{{{image2w|64px}}}|link=]] {{{link2}}}|<nowiki/>
{{{link2}}}<nowiki/>
}}<nowiki/>
</div>
|}}<nowiki/>
{{#if: {{{link3|}}}|<nowiki/>
<div class="button-object {{{class3|}}}">
{{#if: {{{image3|}}}|<nowiki/>
[[File:{{{image3}}}|{{{image3w|64px}}}|link=]] {{{link3}}}|<nowiki/>
{{{link3}}}<nowiki/>
}}<nowiki/>
</div>
|}}<nowiki/>
{{#if: {{{link4|}}}|<nowiki/>
<div class="button-object {{{class4|}}}">
{{#if: {{{image4|}}}|<nowiki/>
[[File:{{{image4}}}|{{{image4w|64px}}}|link=]] {{{link4}}}|<nowiki/>
{{{link4}}}<nowiki/>
}}<nowiki/>
</div>
|}}<nowiki/>
{{#if: {{{link5|}}}|<nowiki/>
<div class="button-object {{{class5|}}}">
{{#if: {{{image5|}}}|<nowiki/>
[[File:{{{image5}}}|{{{image5w|64px}}}|link=]] {{{link5}}}|<nowiki/>
{{{link5}}}<nowiki/>
}}<nowiki/>
</div>
|}}<nowiki/>
{{#if: {{{link6|}}}|<nowiki/>
<div class="button-object {{{class6|}}}">
{{#if: {{{image6|}}}|<nowiki/>
[[File:{{{image6}}}|{{{image6w|64px}}}|link=]] {{{link6}}}|<nowiki/>
{{{link6}}}<nowiki/>
}}<nowiki/>
</div>
|}}<nowiki/>
{{#if: {{{link7|}}}|<nowiki/>
<div class="button-object {{{class7|}}}">
{{#if: {{{image7|}}}|<nowiki/>
[[File:{{{image7}}}|{{{image7w|64px}}}|link=]] {{{link7}}}|<nowiki/>
{{{link7}}}<nowiki/>
}}<nowiki/>
</div>
|}}<nowiki/>
{{#if: {{{link8|}}}|<nowiki/>
<div class="button-object {{{class8|}}}">
{{#if: {{{image8|}}}|<nowiki/>
[[File:{{{image8}}}|{{{image8w|64px}}}|link=]] {{{link8}}}|<nowiki/>
{{{link8}}}<nowiki/>
}}<nowiki/>
</div>
|}}<nowiki/>
{{#if: {{{link9|}}}|<nowiki/>
<div class="button-object {{{class9|}}}">
{{#if: {{{image9|}}}|<nowiki/>
[[File:{{{image9}}}|{{{image9w|64px}}}|link=]] {{{link9}}}|<nowiki/>
{{{link9}}}<nowiki/>
}}<nowiki/>
</div>
|}}<nowiki/>
{{#if: {{{link10|}}}|<nowiki/>
<div class="button-object {{{class10|}}}">
{{#if: {{{image10|}}}|<nowiki/>
[[File:{{{image10}}}|{{{image10w|64px}}}|link=]] {{{link10}}}|<nowiki/>
{{{link10}}}<nowiki/>
}}<nowiki/>
</div>
|}}<nowiki/>
{{#if: {{{collectionlink|}}}|<nowiki/>
<div class="button-object button-collection {{{collectionclass|}}}">
{{{collectionlink}}}<nowiki/>
</div>
|}}<nowiki/>
</div>
</div>
</div>|<nowiki/>
</div>|<nowiki/>
Line 16: Line 94:
<div class="button-object {{{class1|}}}">
<div class="button-object {{{class1|}}}">
{{#if: {{{image1|}}}|<nowiki/>
{{#if: {{{image1|}}}|<nowiki/>
[[File:{{{image1}}}|{{{image1w|64px}}}]] {{{link1}}}|<nowiki/>
[[File:{{{image1}}}|{{{image1w|64px}}}|link=]] {{{link1}}}|<nowiki/>
{{{link1}}}<nowiki/>
{{{link1}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{link2|}}}|<nowiki/>
{{#if: {{{link2|}}}|<nowiki/>
<div class="button-object {{{class2|}}}">
<div class="button-object {{{class2|}}}">
{{#if: {{{image2|}}}|<nowiki/>
{{#if: {{{image2|}}}|<nowiki/>
[[File:{{{image2}}}|{{{image2w|64px}}}]] {{{link2}}}|<nowiki/>
[[File:{{{image2}}}|{{{image2w|64px}}}|link=]] {{{link2}}}|<nowiki/>
{{{link2}}}<nowiki/>
{{{link2}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{link3|}}}|<nowiki/>
{{#if: {{{link3|}}}|<nowiki/>
<div class="button-object {{{class3|}}}">
<div class="button-object {{{class3|}}}">
{{#if: {{{image3|}}}|<nowiki/>
{{#if: {{{image3|}}}|<nowiki/>
[[File:{{{image3}}}|{{{image3w|64px}}}]] {{{link3}}}|<nowiki/>
[[File:{{{image3}}}|{{{image3w|64px}}}|link=]] {{{link3}}}|<nowiki/>
{{{link3}}}<nowiki/>
{{{link3}}}<nowiki/>
}}
}}<nowiki/>
</div>
|}}<nowiki/>
{{#if: {{{link4|}}}|<nowiki/>
<div class="button-object {{{class4|}}}">
{{#if: {{{image4|}}}|<nowiki/>
[[File:{{{image4}}}|{{{image4w|64px}}}|link=]] {{{link4}}}|<nowiki/>
{{{link4}}}<nowiki/>
}}<nowiki/>
</div>
|}}<nowiki/>
{{#if: {{{link5|}}}|<nowiki/>
<div class="button-object {{{class5|}}}">
{{#if: {{{image5|}}}|<nowiki/>
[[File:{{{image5}}}|{{{image5w|64px}}}|link=]] {{{link5}}}|<nowiki/>
{{{link5}}}<nowiki/>
}}<nowiki/>
</div>
|}}<nowiki/>
{{#if: {{{link6|}}}|<nowiki/>
<div class="button-object {{{class6|}}}">
{{#if: {{{image6|}}}|<nowiki/>
[[File:{{{image6}}}|{{{image6w|64px}}}|link=]] {{{link6}}}|<nowiki/>
{{{link6}}}<nowiki/>
}}<nowiki/>
</div>
|}}<nowiki/>
{{#if: {{{link7|}}}|<nowiki/>
<div class="button-object {{{class7|}}}">
{{#if: {{{image7|}}}|<nowiki/>
[[File:{{{image7}}}|{{{image7w|64px}}}|link=]] {{{link7}}}|<nowiki/>
{{{link7}}}<nowiki/>
}}<nowiki/>
</div>
|}}<nowiki/>
{{#if: {{{link8|}}}|<nowiki/>
<div class="button-object {{{class8|}}}">
{{#if: {{{image8|}}}|<nowiki/>
[[File:{{{image8}}}|{{{image8w|64px}}}|link=]] {{{link8}}}|<nowiki/>
{{{link8}}}<nowiki/>
}}<nowiki/>
</div>
|}}<nowiki/>
{{#if: {{{link9|}}}|<nowiki/>
<div class="button-object {{{class9|}}}">
{{#if: {{{image9|}}}|<nowiki/>
[[File:{{{image9}}}|{{{image9w|64px}}}|link=]] {{{link9}}}|<nowiki/>
{{{link9}}}<nowiki/>
}}<nowiki/>
</div>
|}}<nowiki/>
{{#if: {{{link10|}}}|<nowiki/>
<div class="button-object {{{class10|}}}">
{{#if: {{{image10|}}}|<nowiki/>
[[File:{{{image10}}}|{{{image10w|64px}}}|link=]] {{{link10}}}|<nowiki/>
{{{link10}}}<nowiki/>
}}<nowiki/>
</div>
|}}<nowiki/>
{{#if: {{{collectionlink|}}}|<nowiki/>
<div class="button-object button-collection {{{collectionclass|}}}">
{{{collectionlink}}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
</div>}}</includeonly>
</div>}}</includeonly><noinclude><templatedata>
{
"params": {
"container": {
"label": "Container",
"description": "Defining this variable will place the buttons in a container. Required if Container Content is defined.",
"example": "y",
"type": "string",
"suggested": true
},
"containerclass": {
"label": "Container Class",
"description": "Add a custom CSS class to the container.",
"example": "myclass",
"type": "string"
},
"containercontent": {
"label": "Container Content",
"description": "Add content to the container to appear before the buttons.",
"example": " === Heading Level 3 ===",
"type": "content",
"suggested": true
},
"link1": {
"label": "Button 1 Link",
"description": "Specify a link for the button.",
"example": "[[Eric Weinstein]]",
"type": "string",
"suggested": true
},
"class1": {
"label": "Button 1 Class",
"description": "Specify a custom CSS class for the button.",
"example": "myclass",
"type": "string"
},
"image1": {
"label": "Button 1 Image",
"description": "Specify an image to show alongside the button.",
"example": "Read.jpg",
"type": "string",
"suggested": true
},
"image1w": {
"label": "Button 1 Image Width",
"description": "Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.",
"example": "102px",
"type": "string",
"default": "64px"
},
"link2": {
"label": "Button 2 Link",
"description": "Specify a link for the button.",
"example": "[[Eric Weinstein]]",
"type": "string",
"suggested": true
},
"class2": {
"label": "Button 2 Class",
"description": "Specify a custom CSS class for the button.",
"example": "myclass",
"type": "string"
},
"image2": {
"label": "Button 2 Image",
"description": "Specify an image to show alongside the button.",
"example": "Read.jpg",
"type": "string",
"suggested": true
},
"image2w": {
"label": "Button 2 Image Width",
"description": "Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.",
"example": "102px",
"type": "string",
"default": "64px"
},
"link3": {
"label": "Button 3 Link",
"description": "Specify a link for the button.",
"example": "[[Eric Weinstein]]",
"type": "string",
"suggested": true
},
"class3": {
"label": "Button 3 Class",
"description": "Specify a custom CSS class for the button.",
"example": "myclass",
"type": "string"
},
"image3": {
"label": "Button 3 Image",
"description": "Specify an image to show alongside the button.",
"example": "Read.jpg",
"type": "string",
"suggested": true
},
"image3w": {
"label": "Button 3 Image Width",
"description": "Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.",
"example": "102px",
"type": "string",
"default": "64px"
},
"link4": {
"label": "Button 4 Link",
"description": "Specify a link for the button.",
"example": "[[Eric Weinstein]]",
"type": "string",
"suggested": true
},
"class4": {
"label": "Button 4 Class",
"description": "Specify a custom CSS class for the button.",
"example": "myclass",
"type": "string"
},
"image4": {
"label": "Button 4 Image",
"description": "Specify an image to show alongside the button.",
"example": "Read.jpg",
"type": "string",
"suggested": true
},
"image4w": {
"label": "Button 4 Image Width",
"description": "Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.",
"example": "102px",
"type": "string",
"default": "64px"
},
"link5": {
"label": "Button 5 Link",
"description": "Specify a link for the button.",
"example": "[[Eric Weinstein]]",
"type": "string",
"suggested": true
},
"class5": {
"label": "Button 5 Class",
"description": "Specify a custom CSS class for the button.",
"example": "myclass",
"type": "string"
},
"image5": {
"label": "Button 5 Image",
"description": "Specify an image to show alongside the button.",
"example": "Read.jpg",
"type": "string",
"suggested": true
},
"image5w": {
"label": "Button 5 Image Width",
"description": "Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.",
"example": "102px",
"type": "string",
"default": "64px"
},
"link6": {
"label": "Button 6 Link",
"description": "Specify a link for the button.",
"example": "[[Eric Weinstein]]",
"type": "string",
"suggested": true
},
"class6": {
"label": "Button 6 Class",
"description": "Specify a custom CSS class for the button.",
"example": "myclass",
"type": "string"
},
"image6": {
"label": "Button 6 Image",
"description": "Specify an image to show alongside the button.",
"example": "Read.jpg",
"type": "string",
"suggested": true
},
"image6w": {
"label": "Button 6 Image Width",
"description": "Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.",
"example": "102px",
"type": "string",
"default": "64px"
},
"link7": {
"label": "Button 7 Link",
"description": "Specify a link for the button.",
"example": "[[Eric Weinstein]]",
"type": "string",
"suggested": true
},
"class7": {
"label": "Button 7 Class",
"description": "Specify a custom CSS class for the button.",
"example": "myclass",
"type": "string"
},
"image7": {
"label": "Button 7 Image",
"description": "Specify an image to show alongside the button.",
"example": "Read.jpg",
"type": "string",
"suggested": true
},
"image7w": {
"label": "Button 7 Image Width",
"description": "Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.",
"example": "102px",
"type": "string",
"default": "64px"
},
"link8": {
"label": "Button 8 Link",
"description": "Specify a link for the button.",
"example": "[[Eric Weinstein]]",
"type": "string",
"suggested": true
},
"class8": {
"label": "Button 8 Class",
"description": "Specify a custom CSS class for the button.",
"example": "myclass",
"type": "string"
},
"image8": {
"label": "Button 8 Image",
"description": "Specify an image to show alongside the button.",
"example": "Read.jpg",
"type": "string",
"suggested": true
},
"image8w": {
"label": "Button 8 Image Width",
"description": "Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.",
"example": "102px",
"type": "string",
"default": "64px"
},
"link9": {
"label": "Button 9 Link",
"description": "Specify a link for the button.",
"example": "[[Eric Weinstein]]",
"type": "string",
"suggested": true
},
"class9": {
"label": "Button 9 Class",
"description": "Specify a custom CSS class for the button.",
"example": "myclass",
"type": "string"
},
"image9": {
"label": "Button 9 Image",
"description": "Specify an image to show alongside the button.",
"example": "Read.jpg",
"type": "string",
"suggested": true
},
"image9w": {
"label": "Button 9 Image Width",
"description": "Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.",
"example": "102px",
"type": "string",
"default": "64px"
},
"link10": {
"label": "Button 10 Link",
"description": "Specify a link for the button",
"example": "[[Eric Weinstein]]",
"type": "string",
"suggested": true
},
"class10": {
"label": "Button 10 Class",
"description": "Specify a custom CSS class for the button.",
"example": "myclass",
"type": "string"
},
"image10": {
"label": "Button 10 Image",
"description": "Specify an image to show alongside the button.",
"example": "Read.jpg",
"type": "string",
"suggested": true
},
"image10w": {
"label": "Button 10 Image Width",
"description": "Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.",
"example": "102px",
"type": "string",
"default": "64px"
},
"collectionlink": {
"label": "Collection Button Link",
"description": "Use this button to link to a collection of the type of pages linked in the list.",
"example": "[[Content by Eric Weinstein]]",
"type": "string",
"suggested": true
},
"collectionclass": {
"label": "Collection Button Class",
"description": "Specify a custom CSS class for the button.",
"example": "myclass",
"type": "string"
}
},
"description": "Generates a column of buttons, with options to have the buttons in a container with content, specify an image to show next to a button, and have a separate button for collections.\n\nCustom CSS classes can be specified for further customization.",
"format": "block"
}
</templatedata>
</noinclude>

Latest revision as of 23:56, 12 March 2022

Generates a column of buttons, with options to have the buttons in a container with content, specify an image to show next to a button, and have a separate button for collections. Custom CSS classes can be specified for further customization.

Template parameters

This template prefers block formatting of parameters.

ParameterDescriptionTypeStatus
Containercontainer

Defining this variable will place the buttons in a container. Required if Container Content is defined.

Example
y
Stringsuggested
Container Classcontainerclass

Add a custom CSS class to the container.

Example
myclass
Stringoptional
Container Contentcontainercontent

Add content to the container to appear before the buttons.

Example
=== Heading Level 3 ===
Contentsuggested
Button 1 Linklink1

Specify a link for the button.

Example
[[Eric Weinstein]]
Stringsuggested
Button 1 Classclass1

Specify a custom CSS class for the button.

Example
myclass
Stringoptional
Button 1 Imageimage1

Specify an image to show alongside the button.

Example
Read.jpg
Stringsuggested
Button 1 Image Widthimage1w

Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.

Default
64px
Example
102px
Stringoptional
Button 2 Linklink2

Specify a link for the button.

Example
[[Eric Weinstein]]
Stringsuggested
Button 2 Classclass2

Specify a custom CSS class for the button.

Example
myclass
Stringoptional
Button 2 Imageimage2

Specify an image to show alongside the button.

Example
Read.jpg
Stringsuggested
Button 2 Image Widthimage2w

Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.

Default
64px
Example
102px
Stringoptional
Button 3 Linklink3

Specify a link for the button.

Example
[[Eric Weinstein]]
Stringsuggested
Button 3 Classclass3

Specify a custom CSS class for the button.

Example
myclass
Stringoptional
Button 3 Imageimage3

Specify an image to show alongside the button.

Example
Read.jpg
Stringsuggested
Button 3 Image Widthimage3w

Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.

Default
64px
Example
102px
Stringoptional
Button 4 Linklink4

Specify a link for the button.

Example
[[Eric Weinstein]]
Stringsuggested
Button 4 Classclass4

Specify a custom CSS class for the button.

Example
myclass
Stringoptional
Button 4 Imageimage4

Specify an image to show alongside the button.

Example
Read.jpg
Stringsuggested
Button 4 Image Widthimage4w

Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.

Default
64px
Example
102px
Stringoptional
Button 5 Linklink5

Specify a link for the button.

Example
[[Eric Weinstein]]
Stringsuggested
Button 5 Classclass5

Specify a custom CSS class for the button.

Example
myclass
Stringoptional
Button 5 Imageimage5

Specify an image to show alongside the button.

Example
Read.jpg
Stringsuggested
Button 5 Image Widthimage5w

Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.

Default
64px
Example
102px
Stringoptional
Button 6 Linklink6

Specify a link for the button.

Example
[[Eric Weinstein]]
Stringsuggested
Button 6 Classclass6

Specify a custom CSS class for the button.

Example
myclass
Stringoptional
Button 6 Imageimage6

Specify an image to show alongside the button.

Example
Read.jpg
Stringsuggested
Button 6 Image Widthimage6w

Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.

Default
64px
Example
102px
Stringoptional
Button 7 Linklink7

Specify a link for the button.

Example
[[Eric Weinstein]]
Stringsuggested
Button 7 Classclass7

Specify a custom CSS class for the button.

Example
myclass
Stringoptional
Button 7 Imageimage7

Specify an image to show alongside the button.

Example
Read.jpg
Stringsuggested
Button 7 Image Widthimage7w

Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.

Default
64px
Example
102px
Stringoptional
Button 8 Linklink8

Specify a link for the button.

Example
[[Eric Weinstein]]
Stringsuggested
Button 8 Classclass8

Specify a custom CSS class for the button.

Example
myclass
Stringoptional
Button 8 Imageimage8

Specify an image to show alongside the button.

Example
Read.jpg
Stringsuggested
Button 8 Image Widthimage8w

Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.

Default
64px
Example
102px
Stringoptional
Button 9 Linklink9

Specify a link for the button.

Example
[[Eric Weinstein]]
Stringsuggested
Button 9 Classclass9

Specify a custom CSS class for the button.

Example
myclass
Stringoptional
Button 9 Imageimage9

Specify an image to show alongside the button.

Example
Read.jpg
Stringsuggested
Button 9 Image Widthimage9w

Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.

Default
64px
Example
102px
Stringoptional
Button 10 Linklink10

Specify a link for the button

Example
[[Eric Weinstein]]
Stringsuggested
Button 10 Classclass10

Specify a custom CSS class for the button.

Example
myclass
Stringoptional
Button 10 Imageimage10

Specify an image to show alongside the button.

Example
Read.jpg
Stringsuggested
Button 10 Image Widthimage10w

Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.

Default
64px
Example
102px
Stringoptional
Collection Button Linkcollectionlink

Use this button to link to a collection of the type of pages linked in the list.

Example
[[Content by Eric Weinstein]]
Stringsuggested
Collection Button Classcollectionclass

Specify a custom CSS class for the button.

Example
myclass
Stringoptional