Fork me on GitHub

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

Button Text Filter Group Control Settings

Button Text Filter Group Control

Control Settings:

Data Attribute Description Values Example
data-path jQuery path to the items jQuery path data-path=".title"
data-text filter text value any text value data-text="architecture"
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
  • contains (default option) - finds all items that contain text value.
  • startsWith - finds all items that start with text value.
  • endsWith - finds all items that end with text value.
  • advanced - works like 'contains', but the following logical keywords could be used: and, or, not.
'contains' (default), 'startsWith', 'endsWith' or 'advanced' data-mode="startsWith"

General Settings:

Data Attribute Description Values Example
data-control-type="button-text-filter-group" panel control type definition 'button-text-filter-group' data-control-type="button-text-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-text-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"