Template:Clickable button: Difference between revisions

Revision as of 04:41, 19 September 2024

 {{#if: 
     | <img src="{{{1}}}" alt="Button Image" style="position: absolute; top: 20px; left: 50%; transform: translateX(-50%); max-width: 80%; height: auto;">
     | 
 }}
 
   Button text

Template:Documentation

@@ Line 1: / Line 1: @@
 <span class="mw-ui-button {{#switch: {{{color|white}}} | red = mw-ui-destructive | green = mw-ui-progressive | white = | blue = mw-ui-progressive}}" role="button" aria-disabled="false" style="font-size: 1.5em; padding: 160px 120px; position: relative; display: inline-block;">
-{{#if: {{{1|}}}| <img src="{{{1}}}" alt="Button Image" style="position: absolute; top: 20px; left: 50%; transform: translateX(-50%); max-width: 80%; height: auto;">
+  {{#if: {{{1|}}}
-}}
+      | <img src="{{{1}}}" alt="Button Image" style="position: absolute; top: 20px; left: 50%; transform: translateX(-50%); max-width: 80%; height: auto;">
-<span style="position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);">
+      |
-{{{text|{{{2|Button text}}}}}}
+  }}
-</span>
+  <span style="position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);">
+    {{{text|{{{2|Button text}}}}}}
+  </span>
 </span><noinclude>{{Documentation}}</noinclude>