No edit summary Tag: 2017 source edit |
m (Text replacement - "BlueSpice Cloud" to "BlueSpice cloud") |
||
(4 intermediate revisions by the same user not shown) | |||
Line 3: | Line 3: | ||
|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=== | ||
<syntaxhighlight lang="text"> | <syntaxhighlight lang="text"> | ||
<containerfilter /> | <containerfilter /> | ||
{| class=" | {{{!}} 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 | |||
{{!}}} | |||
</syntaxhighlight> | |||
'''Output:''' | |||
<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 | |||
{{!}}} | |||
===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 | !Product | ||
!Sales | !Sales | ||
Line 38: | Line 93: | ||
'''Output:''' | '''Output:''' | ||
<containerfilter /> | <containerfilter selector=".contenttable tr:not(:has(th))"/> | ||
{{{!}} class=" | |||
{{{!}} class="contenttable" | |||
!Product | !Product | ||
!Sales | !Sales | ||
Line 61: | Line 118: | ||
{{!}}$5.840,00 | {{!}}$5.840,00 | ||
{{!}}} | {{!}}} | ||
=== Example: List filter === | |||
===Example: List filter=== | |||
<syntaxhighlight lang="text"> | <syntaxhighlight lang="text"> | ||
<containerfilter selector=".filterexample li"></containerfilter> | <containerfilter selector=".filterexample li"></containerfilter> | ||
Line 72: | Line 130: | ||
* Farmer, Meunier, Paysanne | * Farmer, Meunier, Paysanne | ||
* Meunier, Bauer, Other | * Meunier, Bauer, Other | ||
<div> | </div> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Line 86: | Line 144: | ||
*Farmer, Meunier, Paysanne | *Farmer, Meunier, Paysanne | ||
*Meunier, Bauer, Other | *Meunier, Bauer, Other | ||
<div> | </div> | ||
|bsvFrom=4.3 | |bsvFrom=4.3 | ||
}} | }} | ||
{{wcagCheck}} | {{wcagCheck}} |
Latest revision as of 10:49, 7 June 2024
Extension: ContainerFilter
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: | 4.3+ |
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
This information applies to BlueSpice 4. Technical details for BlueSpice cloud can differ in some cases.
Requirements
- MediaWiki: 1.39.0
Integrates into
- ContentDroplets
- VisualEditor