Difference between revisions of "Manual:Extension/BlueSpiceFilterableTables"
[unchecked revision] | [unchecked revision] |
m (Lsireta moved page Manual:Extension/FilterableTables to Manual:Extension/BlueSpiceFilterableTables) |
Fbaeckmann (talk | contribs) (Tag: 2017 source edit) |
Contents
What is BlueSpiceFilterableTables?[edit | edit source]
BlueSpiceFilterableTables offers the ability to filter regular content tables in wiki articles.
Usage[edit | edit source]
To add filterablity to a table, a CSS class "filterable" must be added to the table.
Using VisualEditor[edit | edit source]
Once in edit mode, click on the table to open the options popup and click on "Properties". In the dialog that opens, toggle on "Filterable" option.
Using WikiText editor[edit | edit source]
Once in edit mode, add class "filterable" to the table header.
{| class="wikitable filterable" |+ !Heading 1 ...
Class filterable can be used in combinations with classes other than "wikitable" as well as be used alone.
Filtering tables[edit | edit source]
Once the table with CSS class "filterable" is saved, in view mode, table look will change. In order to filter the values in the table, click on the header of the column to filter and select "Filter" from the dropdown menu. In the input field that opens, type in the filter text.
See also[edit | edit source]
Reference page for this extension.
<bs:bookshelf src="Book:User manual" /> __TOC__ ==What is BlueSpiceFilterableTables?== '''BlueSpiceFilterableTables''' offers the ability to filter regular content tables in wiki articles. ==Usage== To add filterablity to a table, a CSS class "filterable" must be added to the table. ===Using VisualEditor=== Once in edit mode, click on the table to open the options popup and click on "Properties". In the dialog that opens, toggle on "Filterable" option. <br /> {| class="wikitable" |+ |[[File:FitlerableTables1a.png|thumb]] |[[File:FitlerableTables2a.png|thumb]] |} ===Using WikiText editor=== [[File:FitlerableTables4a.png|thumb|Adding "filterable" class in wikitext]] Once in edit mode, add class "filterable" to the table header. <pre> {| class="wikitable filterable" |+ !Heading 1 ... </pre> Class filterable can be used in combinations with classes other than "wikitable" as well as be used alone. <br /> ==Filtering tables== [[File:FitlerableTables3a.png|thumb|Using the FilterableTables]] Once the table with CSS class "filterable" is saved, in view mode, table look will change. In order to filter the values in the table, click on the header of the column to filter and select "Filter" from the dropdown menu. In the input field that opens, type in the filter text. ==See also== [[Reference:FilterableTables|Reference page]] for this extension. [[en:Manual:Extension/{{PAGENAME}}]] [[de:Handbuch:Erweiterung/{{PAGENAME}}]]
Line 40: | Line 40: | ||
==See also== | ==See also== | ||
[[Reference:FilterableTables|Reference page]] for this extension. | [[Reference:FilterableTables|Reference page]] for this extension. | ||
+ | |||
+ | [[en:Manual:Extension/{{PAGENAME}}]] | ||
+ | [[de:Handbuch:Erweiterung/{{PAGENAME}}]] |