PrevNextTabs by macrura

Adds prev/next links (tabs) to page editor.

PrevNextTabs module for ProcessWire

Processwire helper modules for adding page navigation within the editor. ProcessWire CMS.

Overview


This is a simple module that adds Previous and Next links to the page editor, for the purpose of allowing editors to navigate from one page to the next.

The links may be placed in the breadcrumbs, or in the editor tabs (on the right side).

The latest version avoids potential delays and overhead to the page editor load time, by offloading the work of getting the previous and next page ids to an ajax request, which upon completion populates the links with the URL and title of the adjacent pages.

As such this module should not cause any additional overhead to the page editor, aside from loading the CSS and JS. The links themselves become usable after the ajax request is complete, and this duration can take anywhere from .5 seconds up to 2 or more seconds depending on how many sibling pages exist. The module has been tested on sites with up to 9,000 sibling pages.

Hovering over the tab shows the title of the previous or next page (using the admin's built in jqueryUI tooltips.)

Usage

This module is typically used during development where you or your editors need to traverse through pages for the purpose of proofing, flagging and/or commenting. Rather than returning to the page tree or lister, they can navigate with these links.

Warnings

If you are using PW version 2.6.1 or later, the system will prevent you from leaving the page if you have unsaved edits.

For earlier versions, to avoid accidentally losing changes made to a page that might occur if a user accidentally clicks on one of these, make sure to have the Form Save Reminder module installed.

Changelog

  • .016: Complete module rewrite - The module no longer runs the $pages->find() within the hook, which could cause load delays. Module only outputs template markup which is modified client side by the results of the ajax request to the module, to obtain the links.

Install and use modules at your own risk. Always have a site and database backup before installing new modules.

Twitter updates

  • New TinyMCE 6.2.0 Inputfield released for ProcessWire— More
    28 October 2022
  • This week we take a look at a new rich text editor for ProcessWire, why we chose it, some highlights, screenshots, and why we think you’ll like it— More
    21 October 2022
  • This week we have ProcessWire 3.0.206 on the dev branch and a new version of the ProDevTools UserActivity module, which we'll take a closer look at in this post— More
    7 October 2022

Latest news

  • ProcessWire Weekly #446
    In the 446th issue of ProcessWire Weekly we're going to check out the latest weekly updates, introduce a new third party module called AlpineJS, and more. Read on!
    Weekly.pw / 26 November 2022
  • New rich text editor for ProcessWire
    This week we take a look at a new rich text editor for ProcessWire, why we chose it, some highlights, screenshots, and why we think you’ll like it.
    Blog / 21 October 2022
  • Subscribe to weekly ProcessWire news

“Yesterday I sent the client a short documentation for their ProcessWire-powered website. Today all features already used with no questions. #cmsdoneright—Marc Hinse, Web designer/developer