ProcessWire 3.0.55 core updates

ProcessWire 3.0.55

This week we’ve got a new core version on the dev branch (3.0.55). This version has a whole bunch of fixes and adjustments, and is recommended if you’ve been running a prior dev branch version. For full details see the commit log for this week.

Dropdown page tree

This new version also contains a handy new page tree integrated into the drop down navigation. This provides a useful shortcut for editing pages. It is something I’ve wanted there since the beginning, but never really was sure how to implement it. But after doing a lot of re-writing of navigation code along with the Uikit admin theme, it became fairly straightforward.

This dropdown page tree works with either the Default admin theme, or the new Uikit admin theme. It doesn’t work in the Reno admin theme at present because it is sidebar based and doesn’t use dropdown menus. Though we may still yet find a way to implement it there too.

These dropdown menus are a little better suited to the Uikit admin theme than the Default admin theme, mostly because the top navigation lives on the left rather than the right. This leaves more room for drilling down through the page tree. In either case, there are limitations to how far you can take it, though those limitations have to do with screen real estate rather than a technical limitation. While we are just showing 3 levels in the screenshots above, you can navigate as deep into the tree as your screen space will allow. The dropdown page tree is not a replacement for the main page tree, but it’s definitely a handy alternative for many cases.

Note that if you are trying to use it in a narrow window using the Default admin theme, you may run out of space easily, at which point jQuery UI starts rendering menus on top of one another. This is less likely to occur in the Uikit admin theme due to the navigation placement. So that’s just something to be aware of. Since a derivative of the Uikit admin theme will eventually be replacing the Default admin theme, I’m not too worried about that for the short term.

This navigable page tree is also implemented in the sidebar navigation of the Uikit admin theme. This one uses ajax-rendered uk-nav elements rather than ajax dropdowns:

If you’d like to try these new features out, grab the latest version of ProcessWire core (3.0.55) and optionally the latest AdminThemeUikit (0.0.2). You can also try out the live demo, which is running these latest versions as well. Login with username “bloguser” and password “processwire3”.

In AdminThemeUikit, clicking the ProcessWire logo/mark now opens the off-canvas sidebar navigation, regardless of whether you are at the mobile responsive size or not. So if you want to test out that part of it, no need to make your browser window narrow anymore.

Thanks for reading. I hope that you all have a great weekend and enjoy reading the ProcessWire Weekly!

Comments

  • Can

    Can

    • 3 years ago
    • 10
    like it :-) and the page tree panel is back too :D
  • Tom

    Tom

    • 3 years ago
    • 10
    This isn't the final theme. The theme will be worked on by the community.
  • Adrian

    Adrian

    • 3 years ago
    • 10
    Ryan,

    What do you think about having the off-canvas menu remember your current open position between page loads? At the moment it's actually probably slower to navigate back to where you were, compared to returning to the page tree which does remember where you were. Maybe it's just a matter of using the panel version instead? I think perhaps I am just confused on which option to use now that we have 4 ways to access the page tree :)

  • Dene

    Dene

    • 3 years ago
    • 01
    Installing the AdminThemeUikit 0.0.2 resolves page link issues described earlier.
  • Alex

    Alex

    • 3 years ago
    • 01
    First impression: This looks a tad boring and why is the header bar taking so much space?
    Second impression: Wow, that dropdown navigation is useful!

    Good job, can't wait to see what the design changes in the coming weeks will bring.

     

    PrevProcessWire 3.0.54 and Uikit 3 admin theme

    10

    Last week's post indicated we may have the first [beta] version of the Uikit admin theme ready, and I’m glad to report that we've now got it ready for download on GitHub. In this post, we’ll describe what’s new, how to install it, and how to develop with it. More 

    Twitter updates

    • Weekly update for Jan 10, 2020—front-end file uploads in LoginRegisterPro with InputfieldFrontendFile module: More
      10 January 2020
    • If you haven't seen it yet, be sure to check out this great infographic by @teppokoivula in ProcessWire Weekly #294— How ProcessWire professionals work—the results of our recent weekly polls summarised: weekly.pw/issue/294/#how…
      3 January 2020
    • Today we have a new master version released, 3.0.148! There are 25 new versions worth of upgrades, fixes and optimizations in this new master version, relative to the previous. In this post we take a closer look at what’s new, how to upgrade, & more— More
      3 January 2020

    Latest news

    • ProcessWire Weekly #297
      In the 297th issue of ProcessWire Weekly we're going to check out the latest core updates (ProcessWire 3.0.149) and introduce a new third party module called StaticWire. Read on!
      Weekly.pw / 18 January 2020
    • ProcessWire 3.0.148 new master
      Today we have a new master version released, version 3.0.148! The last master version was 3.0.123, so there are 25 new versions worth of upgrades, fixes and optimizations in this new master version, relative to the previous. In this post we’ll take a closer look at what’s new, how to upgrade, and more.
      Blog / 3 January 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.