Difference between revisions of "Manual:Extension/BlueSpiceFilterableTables"

(Created page with "<bs:bookshelf src="Book:User manual" /> __TOC__ ==What is BlueSpiceFilterableTables?== '''BlueSpiceFilterableTables''' offers the ability to filter regular content tables in...")
 
 

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.

FitlerableTables1a.png
FitlerableTables2a.png

Using WikiText editor[edit | edit source]

Adding "filterable" class in wikitext

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]

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[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.
(No difference)

Attachments

Discussions