Template:ButtonBox: Difference between revisions

Revision as of 22:54, 5 July 2021

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.
Parameter		Description	Type	Status
Container	`container`	Defining this variable will place the buttons in a container. Required if Container Content is defined. Example y	String	suggested
Container Class	`containerclass`	Add a custom CSS class to the container. Example myclass	String	optional
Container Content	`containercontent`	Add content to the container to appear before the buttons. Example === Heading Level 3 ===	Content	suggested
Button 1 Link	`link1`	Specify a link for the button. Example [[Eric Weinstein]]	String	suggested
Button 1 Class	`class1`	Specify a custom CSS class for the button. Example myclass	String	optional
Button 1 Image	`image1`	Specify an image to show alongside the button. Example Read.jpg	String	suggested
Button 1 Image Width	`image1w`	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	String	optional
Button 2 Link	`link2`	Specify a link for the button. Example [[Eric Weinstein]]	String	suggested
Button 2 Class	`class2`	Specify a custom CSS class for the button. Example myclass	String	optional
Button 2 Image	`image2`	Specify an image to show alongside the button. Example Read.jpg	String	suggested
Button 2 Image Width	`image2w`	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	String	optional
Button 3 Link	`link3`	Specify a link for the button. Example [[Eric Weinstein]]	String	suggested
Button 3 Class	`class3`	Specify a custom CSS class for the button. Example myclass	String	optional
Button 3 Image	`image3`	Specify an image to show alongside the button. Example Read.jpg	String	suggested
Button 3 Image Width	`image3w`	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	String	optional
Button 4 Link	`link4`	Specify a link for the button. Example [[Eric Weinstein]]	String	suggested
Button 4 Class	`class4`	Specify a custom CSS class for the button. Example myclass	String	optional
Button 4 Image	`image4`	Specify an image to show alongside the button. Example Read.jpg	String	suggested
Button 4 Image Width	`image4w`	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	String	optional
Button 5 Link	`link5`	Specify a link for the button. Example [[Eric Weinstein]]	String	suggested
Button 5 Class	`class5`	Specify a custom CSS class for the button. Example myclass	String	optional
Button 5 Image	`image5`	Specify an image to show alongside the button. Example Read.jpg	String	suggested
Button 5 Image Width	`image5w`	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	String	optional
Button 6 Link	`link6`	Specify a link for the button. Example [[Eric Weinstein]]	String	suggested
Button 6 Class	`class6`	Specify a custom CSS class for the button. Example myclass	String	optional
Button 6 Image	`image6`	Specify an image to show alongside the button. Example Read.jpg	String	suggested
Button 6 Image Width	`image6w`	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	String	optional
Button 7 Link	`link7`	Specify a link for the button. Example [[Eric Weinstein]]	String	suggested
Button 7 Class	`class7`	Specify a custom CSS class for the button. Example myclass	String	optional
Button 7 Image	`image7`	Specify an image to show alongside the button. Example Read.jpg	String	suggested
Button 7 Image Width	`image7w`	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	String	optional
Button 8 Link	`link8`	Specify a link for the button. Example [[Eric Weinstein]]	String	suggested
Button 8 Class	`class8`	Specify a custom CSS class for the button. Example myclass	String	optional
Button 8 Image	`image8`	Specify an image to show alongside the button. Example Read.jpg	String	suggested
Button 8 Image Width	`image8w`	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	String	optional
Button 9 Link	`link9`	Specify a link for the button. Example [[Eric Weinstein]]	String	suggested
Button 9 Class	`class9`	Specify a custom CSS class for the button. Example myclass	String	optional
Button 9 Image	`image9`	Specify an image to show alongside the button. Example Read.jpg	String	suggested
Button 9 Image Width	`image9w`	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	String	optional
Button 10 Link	`link10`	Specify a link for the button Example [[Eric Weinstein]]	String	suggested
Button 10 Class	`class10`	Specify a custom CSS class for the button. Example myclass	String	optional
Button 10 Image	`image10`	Specify an image to show alongside the button. Example Read.jpg	String	suggested
Button 10 Image Width	`image10w`	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	String	optional
Collection Button Link	`collectionlink`	Use this button to link to a collection of the type of pages linked in the list. Example [[Content by Eric Weinstein]]	String	suggested
Collection Button Class	`collectionclass`	Specify a custom CSS class for the button. Example myclass	String	optional

@@ Line 8: / Line 8: @@
 [[File:{{{image1}}}|{{{image1w|64px}}}|link=]] {{{link1}}}|<nowiki/>
 {{{link1}}}<nowiki/>
-}}
+}}<nowiki/>
 </div>
-|}}
+|}}<nowiki/>
 {{#if: {{{link2|}}}|<nowiki/>
 <div class="button-object {{{class2|}}}">
@@ Line 16: / Line 16: @@
 [[File:{{{image2}}}|{{{image2w|64px}}}|link=]] {{{link2}}}|<nowiki/>
 {{{link2}}}<nowiki/>
-}}
+}}<nowiki/>
 </div>
-|}}
+|}}<nowiki/>
 {{#if: {{{link3|}}}|<nowiki/>
 <div class="button-object {{{class3|}}}">
@@ Line 24: / Line 24: @@
 [[File:{{{image3}}}|{{{image3w|64px}}}|link=]] {{{link3}}}|<nowiki/>
 {{{link3}}}<nowiki/>
-}}
+}}<nowiki/>
 </div>
-|}}
+|}}<nowiki/>
 {{#if: {{{link4|}}}|<nowiki/>
 <div class="button-object {{{class4|}}}">
@@ Line 32: / Line 32: @@
 [[File:{{{image4}}}|{{{image4w|64px}}}|link=]] {{{link4}}}|<nowiki/>
 {{{link4}}}<nowiki/>
-}}
+}}<nowiki/>
 </div>
-|}}
+|}}<nowiki/>
 {{#if: {{{link5|}}}|<nowiki/>
 <div class="button-object {{{class5|}}}">
@@ Line 40: / Line 40: @@
 [[File:{{{image5}}}|{{{image5w|64px}}}|link=]] {{{link5}}}|<nowiki/>
 {{{link5}}}<nowiki/>
-}}
+}}<nowiki/>
 </div>
-|}}
+|}}<nowiki/>
 {{#if: {{{link6|}}}|<nowiki/>
 <div class="button-object {{{class6|}}}">
@@ Line 48: / Line 48: @@
 [[File:{{{image6}}}|{{{image6w|64px}}}|link=]] {{{link6}}}|<nowiki/>
 {{{link6}}}<nowiki/>
-}}
+}}<nowiki/>
 </div>
-|}}
+|}}<nowiki/>
 {{#if: {{{link7|}}}|<nowiki/>
 <div class="button-object {{{class7|}}}">
@@ Line 56: / Line 56: @@
 [[File:{{{image7}}}|{{{image7w|64px}}}|link=]] {{{link7}}}|<nowiki/>
 {{{link7}}}<nowiki/>
-}}
+}}<nowiki/>
 </div>
-|}}
+|}}<nowiki/>
 {{#if: {{{link8|}}}|<nowiki/>
 <div class="button-object {{{class8|}}}">
@@ Line 64: / Line 64: @@
 [[File:{{{image8}}}|{{{image8w|64px}}}|link=]] {{{link8}}}|<nowiki/>
 {{{link8}}}<nowiki/>
-}}
+}}<nowiki/>
 </div>
-|}}
+|}}<nowiki/>
 {{#if: {{{link9|}}}|<nowiki/>
 <div class="button-object {{{class9|}}}">
@@ Line 72: / Line 72: @@
 [[File:{{{image9}}}|{{{image9w|64px}}}|link=]] {{{link9}}}|<nowiki/>
 {{{link9}}}<nowiki/>
-}}
+}}<nowiki/>
 </div>
-|}}
+|}}<nowiki/>
 {{#if: {{{link10|}}}|<nowiki/>
 <div class="button-object {{{class10|}}}">
@@ Line 80: / Line 80: @@
 [[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>|<nowiki/>
@@ Line 96: / Line 96: @@
 [[File:{{{image1}}}|{{{image1w|64px}}}|link=]] {{{link1}}}|<nowiki/>
 {{{link1}}}<nowiki/>
-}}
+}}<nowiki/>
 </div>
-|}}
+|}}<nowiki/>
 {{#if: {{{link2|}}}|<nowiki/>
 <div class="button-object {{{class2|}}}">
@@ Line 104: / Line 104: @@
 [[File:{{{image2}}}|{{{image2w|64px}}}|link=]] {{{link2}}}|<nowiki/>
 {{{link2}}}<nowiki/>
-}}
+}}<nowiki/>
 </div>
-|}}
+|}}<nowiki/>
 {{#if: {{{link3|}}}|<nowiki/>
 <div class="button-object {{{class3|}}}">
@@ Line 112: / Line 112: @@
 [[File:{{{image3}}}|{{{image3w|64px}}}|link=]] {{{link3}}}|<nowiki/>
 {{{link3}}}<nowiki/>
-}}
+}}<nowiki/>
 </div>
-|}}
+|}}<nowiki/>
 {{#if: {{{link4|}}}|<nowiki/>
 <div class="button-object {{{class4|}}}">
@@ Line 120: / Line 120: @@
 [[File:{{{image4}}}|{{{image4w|64px}}}|link=]] {{{link4}}}|<nowiki/>
 {{{link4}}}<nowiki/>
-}}
+}}<nowiki/>
 </div>
-|}}
+|}}<nowiki/>
 {{#if: {{{link5|}}}|<nowiki/>
 <div class="button-object {{{class5|}}}">
@@ Line 128: / Line 128: @@
 [[File:{{{image5}}}|{{{image5w|64px}}}|link=]] {{{link5}}}|<nowiki/>
 {{{link5}}}<nowiki/>
-}}
+}}<nowiki/>
 </div>
-|}}
+|}}<nowiki/>
 {{#if: {{{link6|}}}|<nowiki/>
 <div class="button-object {{{class6|}}}">
@@ Line 136: / Line 136: @@
 [[File:{{{image6}}}|{{{image6w|64px}}}|link=]] {{{link6}}}|<nowiki/>
 {{{link6}}}<nowiki/>
-}}
+}}<nowiki/>
 </div>
-|}}
+|}}<nowiki/>
 {{#if: {{{link7|}}}|<nowiki/>
 <div class="button-object {{{class7|}}}">
@@ Line 144: / Line 144: @@
 [[File:{{{image7}}}|{{{image7w|64px}}}|link=]] {{{link7}}}|<nowiki/>
 {{{link7}}}<nowiki/>
-}}
+}}<nowiki/>
 </div>
-|}}
+|}}<nowiki/>
 {{#if: {{{link8|}}}|<nowiki/>
 <div class="button-object {{{class8|}}}">
@@ Line 152: / Line 152: @@
 [[File:{{{image8}}}|{{{image8w|64px}}}|link=]] {{{link8}}}|<nowiki/>
 {{{link8}}}<nowiki/>
-}}
+}}<nowiki/>
 </div>
-|}}
+|}}<nowiki/>
 {{#if: {{{link9|}}}|<nowiki/>
 <div class="button-object {{{class9|}}}">
@@ Line 160: / Line 160: @@
 [[File:{{{image9}}}|{{{image9w|64px}}}|link=]] {{{link9}}}|<nowiki/>
 {{{link9}}}<nowiki/>
-}}
+}}<nowiki/>
 </div>
-|}}
+|}}<nowiki/>
 {{#if: {{{link10|}}}|<nowiki/>
 <div class="button-object {{{class10|}}}">
@@ Line 168: / Line 168: @@
 [[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>}}</includeonly><noinclude><templatedata>
 {