ProcessWire core updates (2.5.8)

Modal Tabs in the Page Editor

This week we added modal tab support to the page editor. Special thanks to Beat Beer of Stardesign for sponsoring this update. He came to me with a site that had 180 multi-language fields, multiplied by several languages, on one template. Saving a page with that many fields was slow, somewhere around 10 seconds (it's nearly a thousand inputs after all). We found server side it was only taking 2 seconds, but once you added in the bandwidth and browser rendering time, it was a solid 10 seconds, which was just too long.

We strategized on ways to solve it without having to make changes to the site. We came up with the idea of splitting the tabs off into their own page editors rather than having one request manage them all. The result is what you see on this week's dev branch updates in ProcessWire 2.5.8. Now you can edit any Tab field (InputfieldFieldsetTab) and click on the Details tab and check the box to make the tab modal.

Once a tab in the page editor is modal, that means that clicking it will open up a modal window with the editable content. The benefit here is that you don't need to render and save content that you aren't editing. Your page edits can focus in on specific parts without the overhead of loading/saving everything at once.

For sites with a lot of fields, the performance improvements are massive. That 10 second save time we mentioned earlier got reduced to somewhere near half a second for most page edits. That equates to much happier editors. It also means that your page editor can now scale further than before, or at least scale further without making you wait. Thanks again to Beat Beer and Stardesign for finding this need and making it possible to implement a solution.


  • Torsten


    • 9 years ago
    • 32

    Great Feature! Thanks!
    Is there a way to maximize the modal window?
    On smaller screens (e.g. laptops) it sometimes only shows a tiny fraction of the input fields, so you have to scroll up and down and try to not get lost. Or you can't even see the whole input field (e.g. CKEditor)



Latest news

  • ProcessWire Weekly #490
    In the 490th issue of ProcessWire Weekly we'll check out what's new in the latest core version ProcessWire 3.0.229, introduce a brand-new third party module, and more. Read on! / 30 September 2023
  • ProcessWire 3.0.226 new main/master version
    After 8 months in development we are excited to bring you ProcessWire 3.0.226 main/master. This version has a ton of great new features, improvements and optimizations, plus more than 100 issue fixes. This post takes an in-depth look at highlights from this great new version.
    Blog / 25 August 2023
  • Subscribe to weekly ProcessWire news

I just love the easy and intuitive ProcessWire API. ProcessWire rocks!” —Jens Martsch, Web developer