No edit summary Tag: 2017 source edit |
No edit summary |
||
(7 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
{{BSExtensionInfo | {{BSExtensionInfo | ||
|removed=No | |||
|status=stable | |status=stable | ||
|developer=HalloWelt | |developer=HalloWelt | ||
|type=BlueSpice | |type=BlueSpice | ||
|edition=BlueSpice pro, BlueSpice | |edition=BlueSpice pro, BlueSpice farm, BlueSpice cloud | ||
|compatible=BlueSpice | |compatible=BlueSpice | ||
|category= | |category=Rich Articles | ||
|docu=https://www.mediawiki.org/wiki/Extension:ContainerFilter | |docu=https://www.mediawiki.org/wiki/Extension:ContainerFilter | ||
|features=The extension '''ContainerFilter''' adds a <code><nowiki><containerfilter /></nowiki></code> tag to a page. It allows to filter page content based on its CSS-class. By default, the class <code>.wikitable tr</code> is used to filter content. This allows to quickly filter a standard MediaWiki table. | |features=The extension '''ContainerFilter''' adds a <code><nowiki><containerfilter /></nowiki></code> tag to a page. It allows to filter page content based on its CSS-class. By default, the class <code>.wikitable tr</code> is used to filter content. This allows to quickly filter a standard MediaWiki table. | ||
=== Example: MediaWiki table filter === | === Example: MediaWiki table filter === | ||
Line 42: | Line 42: | ||
<containerfilter /> | <containerfilter /> | ||
{{{!}} class="wikitable" | {{{!}} class="wikitable" | ||
!Product | |||
!Sales | |||
{{!}}- | |||
{{!}}Carretera | |||
{{!}}$529.550,00 | |||
{{!}}- | |||
{{!}}Montana | |||
{{!}}$13.815,00 | |||
{{!}}- | |||
{{!}}Montana | |||
{{!}}$15.022,00 | |||
{{!}}- | |||
{{!}}Montana | |||
{{!}}$43.125,00 | |||
{{!}}- | |||
{{!}}Montana | |||
{{!}}$9.225,00 | |||
{{!}}- | |||
{{!}}Paseo | |||
{{!}}$5.840,00 | |||
{{!}}} | |||
=== Example: Table filter for a table with custom table class === | |||
When a table has a style class other than "wikitable", it can be styled via its class name plus <code>tr:not(:has(th))</code> : | |||
<syntaxhighlight lang="text"> | |||
<containerfilter selector=".contenttable tr:not(:has(th))"/> | |||
{{{!}} class="contenttable" | |||
!Product | |||
!Sales | |||
{{!}}- | |||
{{!}}Carretera | |||
{{!}}$529.550,00 | |||
{{!}}- | |||
{{!}}Montana | |||
{{!}}$13.815,00 | |||
{{!}}- | |||
{{!}}Montana | |||
{{!}}$15.022,00 | |||
{{!}}- | |||
{{!}}Montana | |||
{{!}}$43.125,00 | |||
{{!}}- | |||
{{!}}Montana | |||
{{!}}$9.225,00 | |||
{{!}}- | |||
{{!}}Paseo | |||
{{!}}$5.840,00 | |||
{{!}}} | |||
</syntaxhighlight> | |||
'''Output:''' | |||
<containerfilter selector=".contenttable tr:not(:has(th))" /> | |||
{{{!}} class="contenttable" | |||
!Product | !Product | ||
!Sales | !Sales | ||
Line 75: | Line 132: | ||
* Farmer, Meunier, Paysanne | * Farmer, Meunier, Paysanne | ||
* Meunier, Bauer, Other | * Meunier, Bauer, Other | ||
<div> | </div> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Line 83: | Line 140: | ||
<div class="filterexample"> | <div class="filterexample"> | ||
*Germany: Hr. Müller, Frau Bauer | * Germany: Hr. Müller, Frau Bauer | ||
*England: Mr. Miller, Mrs. Farmer | * England: Mr. Miller, Mrs. Farmer | ||
*France: Mr. Meunier, Mme. Paysanne | * France: Mr. Meunier, Mme. Paysanne | ||
*Müller, Bauer, Miller | * Müller, Bauer, Miller | ||
*Farmer, Meunier, Paysanne | * Farmer, Meunier, Paysanne | ||
*Meunier, Bauer, Other | * Meunier, Bauer, Other | ||
<div> | </div> | ||
}} | }} | ||
{{wcagCheck}} | {{wcagCheck}} |
Latest revision as of 10:28, 4 June 2025
Overview | |||
---|---|---|---|
Description: |
Allows to filter content elements within a page | ||
State: | stable | Dependency: | BlueSpice |
Developer: | HalloWelt | License: | GPL-3.0-only |
Type: | BlueSpice | Category: | Rich Articles |
Edition: | BlueSpice pro, BlueSpice farm, BlueSpice cloud | Version: | |
For more info, visit Mediawiki. |
Features
The extension ContainerFilter adds a <containerfilter />
tag to a page. It allows to filter page content based on its CSS-class. By default, the class .wikitable tr
is used to filter content. This allows to quickly filter a standard MediaWiki table.
Example: MediaWiki table filter
<containerfilter />
{{{!}} class="wikitable"
!Product
!Sales
{{!}}-
{{!}}Carretera
{{!}}$529.550,00
{{!}}-
{{!}}Montana
{{!}}$13.815,00
{{!}}-
{{!}}Montana
{{!}}$15.022,00
{{!}}-
{{!}}Montana
{{!}}$43.125,00
{{!}}-
{{!}}Montana
{{!}}$9.225,00
{{!}}-
{{!}}Paseo
{{!}}$5.840,00
{{!}}}
Output:
Product | Sales |
---|---|
Carretera | $529.550,00 |
Montana | $13.815,00 |
Montana | $15.022,00 |
Montana | $43.125,00 |
Montana | $9.225,00 |
Paseo | $5.840,00 |
Example: Table filter for a table with custom table class
When a table has a style class other than "wikitable", it can be styled via its class name plus tr:not(:has(th))
:
<containerfilter selector=".contenttable tr:not(:has(th))"/>
{{{!}} class="contenttable"
!Product
!Sales
{{!}}-
{{!}}Carretera
{{!}}$529.550,00
{{!}}-
{{!}}Montana
{{!}}$13.815,00
{{!}}-
{{!}}Montana
{{!}}$15.022,00
{{!}}-
{{!}}Montana
{{!}}$43.125,00
{{!}}-
{{!}}Montana
{{!}}$9.225,00
{{!}}-
{{!}}Paseo
{{!}}$5.840,00
{{!}}}
Output:
Product | Sales |
---|---|
Carretera | $529.550,00 |
Montana | $13.815,00 |
Montana | $15.022,00 |
Montana | $43.125,00 |
Montana | $9.225,00 |
Paseo | $5.840,00 |
Example: List filter
<containerfilter selector=".filterexample li"></containerfilter>
<div class="filterexample">
* Germany: Hr. Müller, Frau Bauer
* England: Mr. Miller, Mrs. Farmer
* France: Mr. Meunier, Mme. Paysanne
* Müller, Bauer, Miller
* Farmer, Meunier, Paysanne
* Meunier, Bauer, Other
</div>
Output:
- Germany: Hr. Müller, Frau Bauer
- England: Mr. Miller, Mrs. Farmer
- France: Mr. Meunier, Mme. Paysanne
- Müller, Bauer, Miller
- Farmer, Meunier, Paysanne
- Meunier, Bauer, Other
Technical Information
Technical details for BlueSpice cloud can differ in some cases.
Requirements
- MediaWiki: 1.43.0
Integrates into
- ContentDroplets
- VisualEditor
Special pages
Hooks