From Brotato Wiki

(adjust container width deduction)
(tier buttons: reduce text from "Tier #" to just "T#")
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|Tier 1}}</span>
<span class="btn btn--active" data-hide-type="item" data-hide-target="rarity1" title="Tier 1 (Common)">{{Color|tier1|T1}}</span>
<span class="btn btn--active" data-hide-type="item" data-hide-target="rarity2" title="Tier 2 (Uncommon)">{{Color|tier2|Tier 2}}</span>
<span class="btn btn--active" data-hide-type="item" data-hide-target="rarity2" title="Tier 2 (Uncommon)">{{Color|tier2|T2}}</span>
<span class="btn btn--active" data-hide-type="item" data-hide-target="rarity3" title="Tier 3 (Rare)">{{Color|tier3|Tier 3}}</span>
<span class="btn btn--active" data-hide-type="item" data-hide-target="rarity3" title="Tier 3 (Rare)">{{Color|tier3|T3}}</span>
<span class="btn btn--active" data-hide-type="item" data-hide-target="rarity4" title="Tier 4 (Legendary)">{{Color|tier4|Tier 4}}</span>
<span class="btn btn--active" data-hide-type="item" data-hide-target="rarity4" title="Tier 4 (Legendary)">{{Color|tier4|T4}}</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;">

Revision as of 06:21, 13 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}}

✔️

Max HP.png HP Regeneration.png Life Steal.png Damage.png Melee Damage.png Ranged Damage.png Elemental Damage.png Attack Speed.png Crit Chance.png Engineering Stat.png Range Stat.png Armor.png Dodge Stat.png Speed Stat.png Luck.png Harvesting.png

Tier Buttons

{{StatsCard_GridToggles|tier_btns=1}}

✔️

Max HP.png HP Regeneration.png Life Steal.png Damage.png Melee Damage.png Ranged Damage.png Elemental Damage.png Attack Speed.png Crit Chance.png Engineering Stat.png Range Stat.png Armor.png Dodge Stat.png Speed Stat.png Luck.png Harvesting.png

T1 T2 T3 T4

Extra Buttons

{{StatsCard_GridToggles|extra_btns=1}}

✔️

Max HP.png HP Regeneration.png Life Steal.png Damage.png Melee Damage.png Ranged Damage.png Elemental Damage.png Attack Speed.png Crit Chance.png Engineering Stat.png Range Stat.png Armor.png Dodge Stat.png Speed Stat.png Luck.png Harvesting.png

Materials.png 🏷️