Modifying tabs & moving fields to another tab in Page Editor

[abdus]

There's native `Fieldset in Tab` for creating editor tabs, but sometimes it could make more sense to put a field that's not directly related to `Content` into `Settings` or `Children` tab (such as for body class or some toggles that I see being used often). You can use the hook below to move fields between the tabs.

 

 

// site/ready.php

wire()->addHookAfter('ProcessPageEdit::buildForm', function (HookEvent $e) {
    // make sure we're editing a page and not a user
    if ($e->process != 'ProcessPageEdit') return;

    // RESTRICT BY TEMPLATE
    // $page = $e->object->getPage();
    // if ($page->template != 'home') return;

    // RESTRICT BY ROLE
    // $user = $e->user;
    // if (!$user->hasRole('editor')) return;

    $form = $e->return;

    $contentTab = $form->children->get('id=ProcessPageEditContent');
    $settingsTab = $form->children->get('id=ProcessPageEditSettings');
    // $childrenTab = $form->children->get('id=ProcessPageEditChildren');

    // if page template is set noSettings = true, $settings will not exist
    if (!$settingsTab) return;

    // MOVE TITLE FIELD TO SETTINGS TAB
    $title = $contentTab->get('title');
    if (!$title) return;
    $contentTab->remove('title');
    $settingsTab->prepend($title);
});

 

 

[gmclelland]

Thanks for sharing.  This would make for a good recipe on https://processwire-recipes.com/

[maxf5]

Great tip! it is also possible to add new tabs? Like a tab called SEO where i put my seo fields.

[abdus]

5 minutes ago, maxf5 said:

Great tip! it is also possible to add new tabs? Like a tab called SEO where i put my seo fields.

There's Fieldset in Tab (Open) for that. Create one, add to a template and move fields that you want to show in the tab between tabField and tabfield_END fields

Which gives you a tab like this

[maxf5]

perfect, thanks! you should do a PW developer handbook 

[Robin S]

Cool stuff! But in the example you would definitely want that template check at the top of the hook (or check the current process with $this->process) or you will get an error when creating or editing a user (no Settings tab exists).

[abdus]

12 minutes ago, Robin S said:

Cool stuff! But in the example you would definitely want that template check at the top of the hook (or check the current process with $this->process) or you will get an error when creating or editing a user (no Settings tab exists).

Good point. I left page template optional (but it's really encouraged), but I didn't consider user pages at all.

Updated the OP.

[heldercervantes]

I'll certainly remember this thread on my next project. All the time I add fields that make sense to be moved into the settings tab, like "Show in footer menu".

Many thanks!

[szabesz]

Thanks @abdus Relating to the topic, there are other code snippets lurking in the Forum, like:

• Have a different title of a field across multiple templates?
• Hook to hide inputfield in Admin
• Custom Field in Page SettingsTab
• Remove a fieldset tab from specific pages of a template