Fork me on GitHub

jQuery jPList plugin is deprecated. Please check pure JavaScript (ES6) jPList Library alternative instead.

Button Path Filters Group Control Settings

Button Path Filters Group Control

Control Settings:

Data Attribute Description Values Example
data-path jQuery path to the items jQuery path data-path=".title"
data-button declare a filter button true or false data-button="true
data-selected defines if a button is selected on page load true or false data-selected="true"
data-mode If mode is 'single' - only one button can be selected at the same time.
If mode is 'multiple' (default value), zero or more buttons can be selected at the same time.
'single' or 'multiple' data-mode="single"

General Settings:

Data Attribute Description Values Example
data-control-type="button-filter-group" panel control type definition 'button-filter-group' data-control-type="button-filter-group"
data-control-name="name" panel control name. It should be the same in the top and bottom panels string value data-control-name="button-filter-group-1"
data-control-action="filter" panel control action definition 'filter' data-control-action="filter"
data-control-storage="false" exclude control from storage (when cookies/localstorage is enabled) 'true' ot 'false' data-control-storage="false"
data-control-deep-link="false" exclude control from deep link (when deep linking is enabled) 'true' ot 'false' data-control-deep-link="false"
data-control-animation="false" exclude control from animation effects 'true' ot 'false' data-control-animation="false"
data-control-animate-to-top="false" perform "animate to top" effect for the given control; as a rule, used in bottom panel 'true' ot 'false' data-control-animate-to-top="false"