Cms: Make the "Title" field behave like all other fields in the Admin UI

Created on 7 Mar 2019  Â·  9Comments  Â·  Source: craftcms/cms

Description

Currently, the "Title" field is repeated in each of the tabs of an entry's admin panel. It also cannot be assigned to a tab in the field layout in the settings section.

Making the Title field behave like the rest of the fields would be an improvement to the consistency of the UI and UX of the CMS. Right now Title behaves differently... It could still be mandatory, but position-able within the content tabs.

It has confused users because they didn't understand that this was always the same field.

image

Steps to reproduce

  1. Set an entry type to have more than one field set / tab
  2. Notice that it is not possible to assign the Title field to any of the tabs during the setup process.
  3. When editing an instance of the entry, switch between the tab fields and you'll notice that the Title field appears in all of them.

Proposed improvement

Make it possible to assign the Title field to a field set just like any of the other fields. If necessary, make it non-remove-able.

screen shot 2019-03-06 at 5 06 37 pm

Additional info

  • Craft version: 3.1
  • PHP version:
  • Database driver & version:
  • Plugins & versions:
authoring enhancement

Most helpful comment

I played a bit with CSS. What do you think of something similar to this?

craft-title

All 9 comments

I also never understood why the field has to be displayed in every tab. It has confused clients of mine too because they didn't understand that this was always the same field. They tried to change the title for different tabs.

I already postet this as a CSS-only workaround(!) in Discord:

[id^="tab-"]:not(:first-child) {
  position: relative;    
  margin-top: -81px;
  background: #fff;
}

This only hides the title visually by overlaying the title field with the tab content. But there is no other property in the markup to influence the title field depending on the selected tab.

A _real_ solution without custom hacks would of course be much better.

For me it's fine to have this field in every tab. But maybe it's fine to put it outside the tabs to make it more clear. Understand the problem (UX).

+1 for a better solution but not the solution like in post one

I played a bit with CSS. What do you think of something similar to this?

craft-title

Right direction!

@dennisfrank this UI is much clearer about Title being the same field in different tab states.

I however wonder about the balance of pros and cons of repeating the field.

Having it in one place only and not repeated makes it easy to associate with that one place and eliminates confusion.

Having it be accessible from everywhere is not a common ui pattern and still a potentially confusing for admin users.

Real world-wise, It is not common to have redundancy of controls. As in, for the same light to have switches in different places. It may happen at the two ends of a long hallway. Do we have the equivalent of a long hallway here?

If this is the case, we already have a place for fields accessible from all tabs — in the right hand sidebar along with the slug, date and comments.

Lastly, I am curious about the history behind the decision to make it available everywhere in the first place. Did admin users need access to title change more often than anything else?

There's an existing issue for moving the title field outside/above tab content:

902

I've written a simple plugin that shifts the title field to the sidebar: https://plugins.craftcms.com/craft-title-to-sidebar.

As of the next Craft 3.5 release, it will be possible to explicitly set the position of Title fields, so it will no longer appear on every tab.

A field layout designer with a Title field

Was this page helpful?
0 / 5 - 0 ratings

Related issues

darylknight picture darylknight  Â·  3Comments

mattstein picture mattstein  Â·  3Comments

mccombs picture mccombs  Â·  3Comments

michel-o picture michel-o  Â·  3Comments

bitboxfw picture bitboxfw  Â·  3Comments