Sandbox/Collapsible tabs - defunct

Latest revision as of 12:46, 5 June 2021

Test

ButtonTesttext

Button 1Button 2Button 3

Test1

Test2

Test3

Button 1 Button 2 Button 3

Test

TextMore textEven more text

Your first tab

This color pallet needs changing

Your last tab

TextMore textEven more text

Your first tab

This color pallet needs changing

Your last tab

-Button1--Button2--Button3-

Tab1

Tab2

Tab3

If you see this, your JavaScript might be disabled or DiscordIntegrator plugin isn't working. If the latter, please contact a wiki administrator.

@@ Line 1: / Line 1: @@
-<div style="background-color:silver; border-color:blue; border:10px; float:left;">
+Test
-Button 1
+<div>
+<span class="varbutton mw-ui-button">Button<span class="vartest">Testtext</span></span>
 </div>
-<div style="background-color:gold; border-color:blue; border:10px; float:left;">
-Button 2
+<div class="inlinetab" style="background:lightblue;">
+<span class="tabbutton1 mw-customtoggle-tab1" style="float:top;">Button 1</span><span class="tabbutton2 mw-customtoggle-tab2" style="float:top;">Button 2</span><span class="tabbutton3 mw-customtoggle-tab3" style="float:top;">Button 3</span><div class="tabspace1" style="float:bottom;">Test1</div><div class="tabspace2" style="float:bottom;">Test2</div><div class="tabspace3" style="float:bottom;">Test3</div>
 </div>
-<div style="background-color:silver; border-color:blue; border:10px; float:left;">
-Button 3
+<inputbox>
+type=comment
+inline=yes
+break=no
+</inputbox>
+<div style="background:lightblue;">
+<span class="mw-customtoggle-tab1 tbutton1" style="float:top;">Button 1</span>
+<span class="mw-customtoggle-tab2 tbutton2" style="float:top;">Button 2</span>
+<span class="mw-customtoggle-tab3 tbutton3" style="float:top;">Button 3</span>
+<div class="mw-collapsible" id="mw-customcollapsible-tab1" style="float:bottom;">Test</div>
+<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-tab2" style="float:bottom;">Test</div>
+<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-tab3" style="float:bottom;">Test</div>
 </div>
-<div style="background-color:lightblue; border-color:blue; border:10px; float:top;">
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+{{Tabs
-</div>
+|Button1 = Text
-<div style="background-color:lightblue; border-color:blue; border:10px; float:top;">
+|Button2 = More text
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+|Button3 = Even more text
-</div>
+|Tab1 = Your first tab
-<div style="background-color:lightblue; border-color:blue; border:10px; float:top;">
+|Tab2 = This color pallet needs changing
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+|Tab3 = Your last tab
+}}
+<noinclude>
+{{Tabs
+|Button1 = Text
+|Button2 = More text
+|Button3 = Even more text
+|Tab1 = Your first tab
+|Tab2 = This color pallet needs changing
+|Tab3 = Your last tab
+}}
+<div class="inlinetab" style="background:lightblue;">
+<span class="tabbutton1 mw-customtoggle-tab1" style="float:top;">-Button1-</span><span class="tabbutton2 mw-customtoggle-tab2" style="float:top;">-Button2-</span><span class="tabbutton3 mw-customtoggle-tab3" style="float:top;">-Button3-</span><div class="tabspace1" style="float:bottom;">Tab1</div><div class="tabspace2" style="float:bottom;">Tab2</div><div class="tabspace3" style="float:bottom;">Tab3</div>
+</noinclude>
 </div>
+{{DiscordIntegrator
+|id = 462673355997184011
+|width = 300px
+|height = 500px
+}}

Dogcraft Wiki

Sandbox/Collapsible tabs - defunct

Latest revision as of 12:46, 5 June 2021