From Brotato Wiki
(eyeball icon: change title, make inactive) |
(change tier button text to roman numerals, like in-game + Add example for using both tier & extra buttons) |
||
| Line 28: | Line 28: | ||
{{#ifeq:{{{tier_btns|}}}|1|<td style="padding-left: 20px; text-align: right;"> | {{#ifeq:{{{tier_btns|}}}|1|<td style="padding-left: 20px; text-align: right;"> | ||
<!-- Rarities/Tiers --> | <!-- Rarities/Tiers --> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="rarity1" title="Tier 1 (Common)">{{Color|tier1| | <span class="btn btn--active" data-hide-type="item" data-hide-target="rarity1" title="Tier 1 (Common)">{{Color|tier1|I}}</span> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="rarity2" title="Tier 2 (Uncommon)">{{Color|tier2| | <span class="btn btn--active" data-hide-type="item" data-hide-target="rarity2" title="Tier 2 (Uncommon)">{{Color|tier2|II}}</span> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="rarity3" title="Tier 3 (Rare)">{{Color|tier3| | <span class="btn btn--active" data-hide-type="item" data-hide-target="rarity3" title="Tier 3 (Rare)">{{Color|tier3|III}}</span> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="rarity4" title="Tier 4 (Legendary)">{{Color|tier4| | <span class="btn btn--active" data-hide-type="item" data-hide-target="rarity4" title="Tier 4 (Legendary)">{{Color|tier4|IV}}</span> | ||
</td>|}} | </td>|}} | ||
{{#ifeq:{{{extra_btns|}}}|1|<td style="padding-left: 10px; text-align: right;"> | {{#ifeq:{{{extra_btns|}}}|1|<td style="padding-left: 10px; text-align: right;"> | ||
| Line 78: | Line 78: | ||
</div> | </div> | ||
== Tier Buttons + Extras Buttons == | |||
<pre style="display: inline-block;"> | |||
{{StatsCard_GridToggles|extra_btns=1|tier_btns=1}} | |||
</pre> | |||
<div style="max-width: 1220px;"> | |||
{{StatsCard_GridToggles|extra_btns=1|tier_btns=1}} | |||
</div> | |||
</noinclude> | </noinclude> | ||
Revision as of 19:51, 14 February 2023
Creates buttons that can be used above a table grid of items, shown with StatsCard, to toggle the visibility of those items.
See Mod:Extatonion/Items for a working example.
Should be wrapped in a DIV or table, which sets its max-width.
Default
{{StatsCard_GridToggles}}
|
❌ ✔️ |
|
Tier Buttons
{{StatsCard_GridToggles|tier_btns=1}}
|
❌ ✔️ |
|
I II III IV |
Extra Buttons
{{StatsCard_GridToggles|extra_btns=1}}
|
❌ ✔️ |
|
👁️
|
Tier Buttons + Extras Buttons
{{StatsCard_GridToggles|extra_btns=1|tier_btns=1}}
|
❌ ✔️ |
|
I II III IV |
👁️
|