Template:ButtonBox

From The Portal Wiki
Revision as of 18:44, 29 June 2021 by Aardvark (talk | contribs)


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
Stringsuggested
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
Stringsuggested
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
Stringsuggested
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