From Brotato Wiki

(change tier button text to roman numerals, like in-game + Add example for using both tier & extra buttons)
(Add button to only show icons)
Line 35: Line 35:
{{#ifeq:{{{extra_btns|}}}|1|<td style="padding-left: 10px; text-align: right;">
{{#ifeq:{{{extra_btns|}}}|1|<td style="padding-left: 10px; text-align: right;">
<!-- Extras: Cost/Tags -->
<!-- Extras: Cost/Tags -->
<span class="btn btn--inactive" data-hide-type="container_toggle" data-container-class="statscard-grid__main--only-show-icons" title="Hide everything except icons" style="height: 20px;">📦</span>
<span class="btn btn--inactive" data-hide-type="container_toggle" data-container-class="statscard-grid__main--transparent-hidden-items" title="Make filtered items transparent, instead of being fully hidden" style="height: 20px;">👁️</span>
<span class="btn btn--inactive" data-hide-type="container_toggle" data-container-class="statscard-grid__main--transparent-hidden-items" title="Make filtered items transparent, instead of being fully hidden" style="height: 20px;">👁️</span>
<span class="btn btn--inactive" data-hide-type="misc" data-hide-target=".ibox__stats-costs" title="Show Costs" style="height: 20px;">{{StatIcon|Materials|nolink=1}}</span>
<span class="btn btn--inactive" data-hide-type="misc" data-hide-target=".ibox__stats-costs" title="Show Costs" style="height: 20px;">{{StatIcon|Materials|nolink=1}}</span>

Revision as of 01:16, 19 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

I II III IV

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 🏷️

Tier Buttons + Extras Buttons

{{StatsCard_GridToggles|extra_btns=1|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

I II III IV

📦 👁️ Materials.png 🏷️