Problem/Motivation
Navigation has two separate pages in 'User interface'. To enhance the Site Admin experience, merge both menu items into a single one and use local tasks to navigate between the generic settings form and the layout form.
Steps to reproduce
- Install Drupal dev version with standard profile.
- Go to 'Navigation settings' config page (admin/config/user-interface/navigation-settings). notice there's a lack of direction when using these pages.
https://www.drupal.org/files/issues/2024-05-02/navigation-managed_tabs-e...

Proposed resolution
- Add Local Tasks and remove the individual menu item for layout page.
- Adjusts both routes and title/h1
- Set 'Manage Settings' as default tab.


Remaining tasks
- #3391723: [PLAN] Accessibility review for new Navigation bar and other general considerations will need consideration around this unique 'inside-out' builder concept. Have updated summary items for logo is hidden no other route off page around this landmark item.
- Currently, regions in layout zones are not showing their label names.
- Subgroup labels in Settings Tray group/detail are too short. if lots of items between header, or small screen.
- Related screen reader and layout api issues given this new use of it.
- #3443557: (layout navigation) hook help is used to provide layout form content
- both #3444699: Navigation LayoutBuilder UI has dead click zone and #3444602: Navigations 'expand sidebar' on Layout Builder UI is in wrong location. are standing.
where the key points also discussed in slack/ux review.
User interface changes
Combine pages from 'user interface' group.
API changes
None.
Data model changes
None.
Release notes snippet
| Comment | File | Size | Author |
|---|---|---|---|
| #45 | navigation-managed_tabs-enhanced-layout.png | 95.3 KB | skaught |
| #44 | navigation-managed_tabs-enhanced.png | 68.77 KB | skaught |
| #44 | navigation-before.png | 711.63 KB | skaught |
Issue fork drupal-3443556
Show commands
Start within a Git clone of the project using the version control instructions.
Or, if you do not have SSH keys set up on git.drupalcode.org:
Comments
Comment #2
skaughtComment #3
skaughtComment #4
skaughtComment #5
skaught[old comment sample removed to cleanup]
Comment #6
skaughtComment #7
skaughtHave reviewed this initial issues in the Weekly UX meeting. We also talked about using drop-button as the safe with the 2 options. The general feeling was toward showing these footer links.
- also on page: h1 title is too verbose.
- when editing layout, user does not see the Zone names/labels.
- related: actual menu item to get here is still 'navigation block'. not 'layout.
- IMO: we should always show the logo when editing the layout.. this is also an 'escape' button users would recognize.
- 'footer'. can not see a 'add block' button' during review.
We did talk about some of the wider points around the setting tray labels could be more verbose (when selecting blocks to place)
- what do we have 'create content block' in the header. we do not seem to have any scope for this.
- 'add block' type should expend title 'menu' 'menu blocks' -- if uses has small screen/screen-reader then a fuller label is present.
@ckrina
A more complete review for Screen readers is recommended for this new UX.
only a quick run through on slack:
https://drupal.slack.com/archives/C1AFW2ZPD/p1714153294153379?thread_ts=...
Comment #8
skaughtComment #9
skaughtComment #10
ckrinaComment #11
rkollerwhile i was testing the new navigation page functionality i had an idea for the "lock in" problem this issue is about. on second thought it is difficult to have a button like "save and go to page x" (the pattern we've ideated in todays meeting - you will never find one single page it would makes sense to go to from here). but since layout builder is used here why not orient towards the pattern used on the
manage displaypage on a content type when layout builder is activated?when the user gets to
/admin/config/user-interface/navigation-blockpresent the help text and a "manage layout" button (the button label is still debatable). at this point the sidebar is still functional. as soon as the "manage layout" button is pressed the page goes into the "layout mode" and the sidebar switches being just a none functional preview. and by pressing the save button in that "layout mode" the user returns to the previous page with the "manage layout" button. that way the user would remain in the context of the navigation block page and the context switch would be also comprehensible and the user wouldn`t be forwarded into a sort of "detached" page where one is being trap in at the moment.Comment #13
skaughtComment #14
skaught#11
'managed layout' tab idea:
Currently, the config for 'logo' is in an independent form/path in the menu. Combining these form/routes 'one tab set' would start a base for us as this time for this path. then we can add 3rd links to front and admin index. user is directed around more in a more normal drupal flow.
Comment #15
skaughtupdate summary options 1 vs 2.
Comment #16
skaughtComment #17
skaughtchange notes (solution 2) in progress:
- title/h1 adjusted
- routes adjusted
wip. action links feel too heavy. (: I maybe overthinking this aspect now.

Comment #19
skaughtComment #20
skaughtComment #21
skaughtComment #22
skaughtComment #23
skaughtComment #24
skaughtComment #25
skaughtComment #26
skaughtComment #27
skaughtComment #28
skaughtComment #29
skaughtComment #30
skaughtComment #31
skaughtComment #32
rkollerUnifying the two pages into a single page and using local tasks is a good idea, I like that as well, good idea. A few thoughts:
navigation settingstonavigation. On one hand several menu items in the configuration submenu are using the addition of "settings" but on the other hand the first page / tab within the navigation settings also is called managed settings. plus the prefix "manage" is sort of redundant, for screenreader users, and there are also several issue to remove the verb manage from page/tab titles (for example #2521780: The 'Edit', 'Manage display' and 'Manage form display' tabs were hard to understand #2677102: Word Manage at beginning of multiple admin page names make them hard to distinguish.. So I wonder why not go withNavigationfor the menu items andSettingsandLayoutfor the local items. that way all three would be nouns.Comment #33
skaught#32
1. Have added 'Remaining task' to this issue started this other a11y aspects. I am hoping to keep some scope to this scope of adding the managed tab itself.
2. yes. agree 2 links is too much. After some thought around this i realized adding only 1 normal link and placed beside the 2 submits buttons 'Return to site' would be that steady escape path. Also, also show logo on this form! Image attached in summary now.
@rkoller, I know I also was putting a few ideas on slack around action buttons too. these where also too much on page. Thanks.
Comment #34
skaught#3442188: Improve links to "Navigation settings" pages please add cred for @matthieuscarset
Comment #35
skaughtComment #36
skaughtComment #37
skaughtComment #38
skaughtComment #39
skaughtComment #40
skaughtComment #41
skaughtComment #42
skaughtReady with tests for managed tabs flow!
Comment #43
skaughtComment #44
skaughtupdated summary images
Comment #45
skaughtComment #46
plopescCode looks good and the administrative UX has been improved.
Also provides tests.
Thank you!
Comment #47
ckrinaI just came across this issue and this seems like a big UX change and I need to think a bit about it: the Navigation will handle many more things beyond what we have now (like Top Bar settings), so we need to plan for that before merging pages and hiding them in deeper levels. I'd like to hold big UX changes like this until we all have had time to discuss and agree on them. This needs some time and with DrupalCon planning going on I can't keep up with all issues.
So moving to Needs work not because the code isn't OK, but because we need to discuss the changes :)
Comment #49
mgiffordIn discussion with @mherchel @rkoller & @kat-shaw we decided that this was not a barrier. So not a stable profile blocker, but we should get this fixed.
This is using Layout Builder which is going to be deprecated. Hopefully this gets resolved in the next version.
Comment #50
plopescRevisited this issue to try to improve the the admin workflow.
Could you please indicate the current requirements for this issue? Navigation has evolved since the creation of it and I think some of the points mentioned in the IS have been already addressed.
Made some research about the possible tabs and the creation of the local tasks should not be a big deal.
However, their URLs (/admin/config/user-interface/navigation/settings & /admin/config/user-interface/navigation-block) are not following the generic folder structure. I would suggest to use /admin/config/user-interface/navigation/settings & /admin/config/user-interface/navigation/layout instead. That would lead to broken links in existing sites, and might not be a good idea.
To avoid those broken links we could create a controller that redirects to the new URL as an alternative, and remove it in 13.0.0.
Comment #51
mherchelThis makes sense from my point of view. I think this is mainly a UX improvement.
Comment #52
ckrina+1 to get all Navigation related stuff under Navigation and then use tabs.
Comment #53
mgiffordSounds good to me.
Comment #56
plopescComment #57
plopescCreated new MR according to last comments, created a Change Record and updated the IS to make it more accurate.
Ready for review.
Comment #58
needs-review-queue-bot commentedThe Needs Review Queue Bot tested this issue. It no longer applies to Drupal core. Therefore, this issue status is now "Needs work".
This does not mean that the patch necessarily needs to be re-rolled or the MR rebased. Read the Issue Summary, the issue tags and the latest discussion here to determine what needs to be done.
Consult the Drupal Contributor Guide to find step-by-step guides for working with issues.