Template:Filter: Difference between revisions

Browse history interactively

← Older edit

VisualWikitext

Latest revision as of 16:34, 8 May 2026

</includeonly>

Template documentation

[view] [edit] [history] [purge]

Note: parts of or the entire template might not be visible without values provided.

Main

Documentation

Usage

This template uses JS found at MediaWiki:Gadget-Filter.js and MediaWiki:DataTables.js.

This template uses CSS found at MediaWiki:Gadget-Filter.css.

Template that creates a row of filters for fiterable tables. To be used in conjuction with {{Filter/Header}} and {{Filter/Footer}}.

Syntax

{{Filter
|column = 
|all = true
|mode = 
|label = 
|1 = 
|query1 = 
|2 = 
|query2 = 
|3 = 
|query3 = 
}}

column – Table column number that will be queried for the filter.
mode – Set to:
- exact for an "exact" filter.
- contains for a "contains" filter.
label – Text label for filters.
n – Text displayed on the n-th filter button.
queryn – Text that will be queried upon pressing the n-th filter button

Example

Click on the buttons or type in the provided search box below to apply a filter to the list of neighbors.

Icon	Name	Role	Galaxy	Pronouns	Birthday	Loves	Likes	Dislikes
	Mors	Curator of the Omni-Gallery		He/Him	December 8th
	Mobai	Life Coordinator		He/Him	February 19th
	Frostia	Mystic Scholar	Norvan	She/Her	September 9th	Realm of Stars Ballgown Glistening Fruit Pie Quill Pen & Astrology Book	Butterfly Bookshelf Desk Purple
	Glenn	Shopkeeper		He/Him	May 1st
	Isaki	Battle Beetle Trainer	Hexia	He/Him	July 22nd	Kabuto Beetle Rustic Dog House Golden Daikabutomaru Statue Kabuto Rice Bun	Beetle Yellow Street Decor Wood Sporty	Aquatic Creature Classic
	Medowlyn	Plushie Designer	Norvan	She/Her	July 5th	Wildgrass Sleepymoon Nightgown Cloudlet Cookies Fluffy Clouds Plushie	Plushie Blue Dress White Flower Contains Tomato	Metal Shore-Dweller Contains Seafood
	Yunguo	Cultivator	Hexia	She/Her	September 19th	Apple Bamboo Log Bamboo Apple Slushie Granny's Veggie Fried Rice	Bamboo (Material) Farm Decor Green Red Fertilizer	Black Plastic
	Elsasani	Starsea Racer		She/Her	February 14th
	Dorjelang	Hatmaker	Hexia	He/Him	May 2nd	Caterpillar Fungus Herbal Remedy Cloudherder's Hatmaking Chest Dreamy Shellfish & Seafood Platter	Red Orange Romantic Natural Fiber Grilled Dish Headwear	Beetle Metal
	Msafiri	Adventure Guide	Taffeh	He/Him	August 8th	Grainharvester's Haystacks Yellowbloom Potted Cactus Handmade Tabby Cat Plushie Sunny Orange Sneakers Golden Savanna Tumbleweed	Brown Grilled Dish Natural Fiber	Field & Orchard Salad Bathtub Drink
	Rebella	Gemsmith	Norvan	She/Her	February 9th	Goldflux Ore BBQ Meatshrooms	Green Stone (Material) Meat Dish Teal Fridge	Veggie Plastic Classic
	Nerina	Composer	Pashah	She/Her	June 8th	Tidal Wave Yogurt Seaside Serenade Music Stand Legato Concert Jacket	Broken Seashell Bathtub Blue Shower Artistic	Pepper (Type) Clock
	Harpeno	Starsea Patrol Officer	Taffeh	She/Her	December 7th	Harborlight Signal Mood Light Carapulcra Stew Harborlight Charging Bookcase EV Charging Station	Stew Wood Glasses Multicolor	Laptop Glass
	Trixie			She/Her
	Manna	Action Actor	Hexia	She/Her	February 22nd	Peach Grove Master Wooden Dummy Peach Grove Master Plum Blossom Poles Professional Projector	Black White Contains Fruit Slippers	Cream Recycling Bin Pepper (Type)
	Tika	Agriculture Student	Taffeh	She/Her	August 16th	Avocado Chic Black Cat-Eye Sunglasses Fruit Fiesta Donut Avocuddle Experimental Planter Box	Yarn (Material) Wood Green Tree Fruit Farm Decor Contains Fruit	Wildgrass Study Supplies
	Heyu	Hot Spring Innkeeper	Hexia	He/Him	February 15th	Crane of Longevity Calligraphy Set Di San Xian Leisurely Pause Tea Stove	White Black Dessert Bathtub Water Feature	Contains Fish Contains Seafood
Petit Planet Wiki:Petit Planet:Sandbox/Infobox	Petit Planet Wiki:Petit Planet:Sandbox/Infobox	Village Resident	Milky Way Milky Way	He/Him	March 15	Apple Strawberry Cake Flower Bouquet Flower Bouquet	Orange Milk Wood	Broken Wood Stone

@@ Line 1: / Line 1: @@
-<includeonly>{{#switch:{{lc:{{{1|}}}}}
+<includeonly><includeonly>{{#if:{{{reset|}}}|<!--
-|reset={{#invoke:FilterBuilder|filterBuilder|reset||{{{display|Reset all filters}}}}}
+--><div class="filter-row"><!--
-|#default={{#invoke:FilterBuilder|filterBuilder|{{lc:{{{1|}}}}}|{{{2|{{{value|}}}}}}|{{{3|{{{display|}}}}}}|{{{4|{{{default|}}}}}}}}
+  --><div class="filter-button filter-reset">Reset all filters</div><!--
-}}</includeonly><noinclude>{{Documentation|type=Filter}}</noinclude>
+--></div>
+|{{#if:{{{search|}}}|<!--
+--><div class="filter-search {{{class|}}}"><!--
+  --><div class="filter-label">{{{label|Search:}}}</div><!--
+--></div>
+|<!--
+--><div class="filter-row {{{class|}}}" data-col="{{{column|}}}" data-mode="{{{mode|exact}}}"><!--
+  --><div class="filter-label">{{{label|}}}</div><!--
+-->{{#if:{{{all|}}}|<div class="filter-button is-all">All</div>}}<!--
+-->{{#invoke:Loops
+   |fornumargs
+   |key=INDEX
+   |value=FACTION
+   |pattern=<nowiki><div class="filter-button" data-query="{{{queryINDEX|}}}">FACTION</div></nowiki><!--
+-->}}<!--
+--></div>
+}}}}</includeonly></includeonly><noinclude>{{Documentation|type=Filter}}</noinclude>

Stevium (talk | contribs)

Latest revision as of 16:34, 8 May 2026

Syntax

Example