Style filterToggleGroup

The style filterToggleGroup allows to render a group of buttons which can be used to enable or disable multiple filter values of a data set in a data collection. The filter values are combined with a logical OR operation, i.e. at most one value must match to consider a data point.

The style fields labels and type are used to define the text and the color of the filter buttons in the group, respectively. The fields is_fluid and is_vertical provide some control on how to render the list of buttons. The fields name and data-source are used to define the a data set of a data collection and the field values defines the filter value for each button to be matched if the filter is enabled.

Unknown Style styleSignature

Coloring the Filter Button Group

Using the field type the following default colors can be chosen.

Unknown Style filterToggleGroup

Unknown Style filterToggleGroup

Unknown Style filterToggleGroup

Unknown Style filterToggleGroup

Unknown Style filterToggleGroup

Unknown Style filterToggleGroup

Unknown Style filterToggleGroup

Unknown Style filterToggleGroup

Vertical Filter Button List

Using the field is_vertical the button list is rendered as a vertical list instead of a horizontal list. Note that the list width accommodates to fit in the largest text.

Unknown Style filterToggleGroup

Fluid Filter Button List

The field is_fluid allows to stretch the filter button list to fill all available space. This works with and without is_vertical enabled.

Unknown Style filterToggleGroup

Unknown Style filterToggleGroup