Jump to content

Vertical tabs for page edit screen

Ivan Gretsky

Recommended Posts

Good day everyone!

Last year we had some great improvements for admin theme customization. Big thanx to @bernhard and @ryan. But there is an area of customization that is not so easy to approach - changing the layout generated by process modules. For example, I want to change how tabs on page edit screen are positioned. On one project of mine I got so many tabs, it is reasonable and preferable to have them on the side to the left, not on the top of the page. Preferably sticky (see the screenshot below). Did anyone try to implement something like this? Did you succeed? Could you please share how you managed to do it?

I am pretty sure I cannot do it just with this module. I have seen something similar done in Admin Theme Boss with jQuery UI Layout Plug-in, but I'd rather do it in php))

Please share your knowledge!


Link to comment
Share on other sites

7 hours ago, Ivan Gretsky said:

but I'd rather do it in php

PHP? Really? All you basically need is some admin CSS. 

#PageEditTabs {
    position: fixed;
    top: 261px;
    left: 0;
    flex-direction: column;

^ this surely doesn't look fancy, but it could serve as a starting point...

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...