You are here: Foswiki>System Web>JQSerialPagerContrib (14 Apr 2017, IvicaPetrinic)Edit Attach

JQSerialPagerContrib

Splits up a list and makes it a pager scroller thingy

This is a jQuery plugin for Foswiki that implements a widget to handle long lists. It therefore splits the list and adds a pager so that it takes less screen estate overall to display all list elements. This kind of list pager comes in handy when displaying lots of navigation elements in a sidebar navigation.

serial pager screenshot

This is a screenshot displaying a facet navigation in SolrPlugin listing all media types available in the current hit set of a search.

Usage

By adding

%JQREQUIRE{"serialpager"}%

the serial pager widget is available for use on the current page. This will process lists wrapped into a DIV element using the jqSerialPager class.

<div class="jqSeriaPager {parameters}">
   * list item 
   * list item 
   * ...
</div>

This will process all list items inside according to the given parameters.

Name Description Default
pagesize number of elements per page; if there are less elements in the list overall, no pager will be displayed 10
width width of the widget auto
easing animation when flipping pages easeOutQuart
duration speed of animation effect flipping pages 500
cycle boolean flag whether to jump to the first page when proceeding after the last one true
counter boolean flag whether to display the page indicator at the bottom, e.g. 1/7 means: page one of seven true
prevText label of the previous page link prev
nextText label of the next page link next

Examples

  • item 1
  • item 2
  • item 3
  • item 4
  • item 5
  • item 6
  • item 7
  • item 8
  • item 9
  • item 10
  • item 11
  • item 12
  • item 13
  • item 14
  • item 15
  • item 16
  • item 17
  • item 18
  • item 19
  • item 20

Installation Instructions

You do not need to install anything in the browser to use this extension. The following instructions are for the administrator who installs the extension on the server.

Open configure, and open the "Extensions" section. Use "Find More Extensions" to get a list of available extensions. Select "Install".

If you have any problems, or if the extension isn't available in configure, then you can still install manually from the command-line. See http://foswiki.org/Support/ManuallyInstallingExtensions for more help.

TIP Note you need to run configure & save at least once. This will automatically register the serial pager widget to Foswiki.

Info

Author(s): Michael Daum
Copyright: © 2012 Michael Daum http://michaeldaumconsulting.com
License: GPL (Gnu General Public License)
Release: 1.00
Version: 1.00
Change History:  
11 Jul 2012: initial release
Dependencies:
NameVersionDescription
Foswiki::Plugins::JQueryPlugin>=4.20Requires
Home page: Foswiki:Extensions/JQSerialPagerContrib
Support: Foswiki:Support/JQSerialPagerContrib
Topic attachments
I Attachment Action Size Date Who Comment
JQSerialPagerContribSnap1.pngpng JQSerialPagerContribSnap1.png manage 13 K 23 Jan 2017 - 15:24 IvicaPetrinic  
MakefileEXT Makefile manage 148 bytes 23 Jan 2017 - 15:24 IvicaPetrinic  
jquery.serialpager.csscss jquery.serialpager.css manage 743 bytes 23 Jan 2017 - 15:24 IvicaPetrinic  
jquery.serialpager.css.gzgz jquery.serialpager.css.gz manage 369 bytes 23 Jan 2017 - 15:24 IvicaPetrinic  
jquery.serialpager.jsjs jquery.serialpager.js manage 2 K 23 Jan 2017 - 15:24 IvicaPetrinic  
jquery.serialpager.js.gzgz jquery.serialpager.js.gz manage 1 K 23 Jan 2017 - 15:24 IvicaPetrinic  
jquery.serialpager.uncompressed.csscss jquery.serialpager.uncompressed.css manage 859 bytes 23 Jan 2017 - 15:24 IvicaPetrinic  
jquery.serialpager.uncompressed.jsjs jquery.serialpager.uncompressed.js manage 4 K 23 Jan 2017 - 15:24 IvicaPetrinic  
Topic revision: r6 - 14 Apr 2017, IvicaPetrinic
This site is powered by FoswikiCopyright &© by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding Foswiki? Send feedback