From Brotato Wiki

(Add button to only show icons)
(reducing padding)
 
Line 7: Line 7:
<span class="btn" data-hide-type="item" data-hide-target="show-none" title="Apply All Filters">✔️</span>
<span class="btn" data-hide-type="item" data-hide-target="show-none" title="Apply All Filters">✔️</span>
</td>
</td>
<td style="padding-left: 20px;">
<td style="padding-left: 10px;">
<!-- Item Tags (Stats) -->
<!-- Item Tags (Stats) -->
<span class="btn btn--active" data-hide-type="item" data-hide-target="stat_max_hp" title="Max HP">{{StatIcon|Max HP|nolink=1}}</span>
<span class="btn btn--active" data-hide-type="item" data-hide-target="stat_max_hp" title="Max HP">{{StatIcon|Max HP|nolink=1}}</span>
Line 26: Line 26:
<span class="btn btn--active" data-hide-type="item" data-hide-target="stat_harvesting" title="Harvesting">{{StatIcon|Harvesting|nolink=1}}</span>
<span class="btn btn--active" data-hide-type="item" data-hide-target="stat_harvesting" title="Harvesting">{{StatIcon|Harvesting|nolink=1}}</span>
</td>
</td>
{{#ifeq:{{{tier_btns|}}}|1|<td style="padding-left: 20px; text-align: right;">
{{#ifeq:{{{tier_btns|}}}|1|<td style="padding-left: 10px; 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|I}}</span>
<span class="btn btn--active" data-hide-type="item" data-hide-target="rarity1" title="Tier 1 (Common)">{{Color|tier1|I}}</span>

Latest revision as of 01:18, 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 🏷️