Reference:ContainerFilter: Difference between revisions

No edit summary
Tag: 2017 source edit
m (Text replacement - "BlueSpice Cloud" to "BlueSpice cloud")
 
(6 intermediate revisions by the same user not shown)
Line 3: Line 3:
|developer=HalloWelt
|developer=HalloWelt
|type=BlueSpice
|type=BlueSpice
|edition=BlueSpice pro, BlueSpice Farm, BlueSpice Cloud
|edition=BlueSpice pro, BlueSpice farm, BlueSpice cloud
|compatible=BlueSpice
|compatible=BlueSpice
|category=Data Analysis
|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">
Line 64: Line 62:
{{!}}}
{{!}}}


=== Example: List filter ===
===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
!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===
<syntaxhighlight lang="text">
<syntaxhighlight lang="text">
<containerfilter selector=".filterexample li"></containerfilter>
<containerfilter selector=".filterexample li"></containerfilter>
Line 75: Line 130:
* Farmer, Meunier, Paysanne
* Farmer, Meunier, Paysanne
* Meunier, Bauer, Other
* Meunier, Bauer, Other
<div>
</div>
</syntaxhighlight>
</syntaxhighlight>


Line 89: 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

all extensions

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

Special pages

Hooks