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.

Comments

  • Torsten

    Torsten

    • 6 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)

    Thanks!

 

Twitter updates

  • This week a 2nd new module for processing Stripe payments has been added to FormBuilder. Unlike our other Stripe Inputfield, this new one supports 3D Secure (SCA) payments. We’ll take a closer look at it in this post, plus a live demo— More
    16 October 2020
  • Quick weekly update covering this week's commits for the upcoming 3.0.167 ProcessWire core version— More
    18 September 2020
  • This week ProcessWire version 3.0.166 is released on the dev branch. In this post we’ll cover all that’s new relative to the previous version, 3.0.165. Plus we’ll check out the latest new versions of ProCache and FormBuilder— More
    11 September 2020

Latest news

  • ProcessWire Weekly #336
    In the 336th issue of ProcessWire Weekly we're going to introduce the Stripe action for FormBuilder, highlight some recent forum topics and other online resources, and more. Read on!
    Weekly.pw / 17 October 2020
  • Stripe Payment Processor for FormBuilder
    This week a second new module for processing Stripe payments has been added to FormBuilder. We’ll take a closer look at it in this blog post, plus we’ve got a demo of it here too.
    Blog / 16 October 2020
  • Subscribe to weekly ProcessWire news

“Indeed, if ProcessWire can be considered as a CMS in its own right, it also offers all the advantages of a CMF (Content Management Framework). Unlike other solutions, the programmer is not forced to follow the proposed model and can integrate his/her ways of doing things.” —Guy Verville, Spiria Digital Inc.