Pagerer 8.x-2.0 - example page

This page is an example of pagerer's features. It runs three separate queries on the database, and renders three tables with the results. A distinct pager is associated to each of the tables, and each pager is rendered through various pagerer's styles.




First data table:

wid type timestamp
14157987 image 1747850489
14157988 image 1747850489
14157989 image 1747850490
14157990 image 1747850491
14157991 image 1747850491
Drupal standard 'pager' theme:
'Standard' pagerer style (mimick of Drupal's standard) in three 'display' modes: 'pages', 'items', and 'item_ranges'
'Progressive' pagerer style:
'Adaptive' pagerer style:
'Mini' pagerer style:
'Scrollpane' pagerer style:
'Slider' pagerer style:
'pagerer' core replacement theme:




Second data table:

collection name
entity_autocomplete PPXuhkAznz4wawSwAfh0GZNSy296HUvZyihXgRpboXw
entity_autocomplete qieGCiFMzmXbP65B2K7CAeB4tcznXoumBz1iB6-Kjp0
entity_autocomplete r2G0RNSjJwnW-CHMvZyHBSK81VL3K0S1A6DO3uOCz24
entity_autocomplete r9hvBrZXmcRb5CA4ABpkgEkrJkUCh9OQAYBHft913GE
entity_autocomplete sWE-cqu-14iRq-9wdDe_WM-S9RkknS7wlNO2fnx1UUo
locale.project adaptivetheme
locale.project addtoany
locale.project admin_toolbar
locale.project business_responsive_theme
locale.project ctools

'Basic' pagerer style:
'Adaptive' pagerer style:
'pagerer' core replacement theme:
'pagerer' (direct call from module) theme: Note the usage of the 'tags' variables to customise labels and hover titles.




Third data table:

name path
config_translation.item.edit.entity.image_style.edit_form /admin/config/media/image-styles/manage/{image_style}/translate/{langcode}/edit
config_translation.item.edit.entity.menu.edit_form /admin/structure/menu/manage/{menu}/translate/{langcode}/edit
config_translation.item.edit.entity.node_type.edit_form /admin/structure/types/manage/{node_type}/translate/{langcode}/edit
config_translation.item.edit.entity.page.edit_form /admin/structure/page_manager/{page}/translate/{langcode}/edit
config_translation.item.edit.entity.pagerer_preset.edit_form /admin/config/user-interface/pagerer/preset/manage/{pagerer_preset}/translate/{langcode}/edit

'Adaptive' pagerer style:
'pagerer' core replacement theme: