Fork me on GitHub

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

List, Grid and Thumbs View Control Settings

List, Grid and Thumbs View Control

Control Settings:

Data Attribute Description Values Example
data-default defines a view type on page load "jplist-list-view", "jplist-grid-view" or "jplist-thumbs-view" data-default="jplist-grid-view"
data-type defines a type of a button "jplist-list-view", "jplist-grid-view" or "jplist-thumbs-view" data-type="jplist-grid-view"

General Settings:

Data Attribute Description Values Example
data-control-type="views" panel control type definition 'views' data-control-type="views"
data-control-name="name" panel control name. It should be the same in the top and bottom panels string value data-control-name="views"
data-control-action="views" panel control action definition 'views' data-control-action="views"
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"