Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make the "Title" field behave like all other fields in the Admin UI #3953

Closed
andreimoment opened this issue Mar 7, 2019 · 9 comments
Closed
Labels
authoring ✍️ features related to author experience enhancement improvements to existing features
Milestone

Comments

@andreimoment
Copy link

andreimoment commented Mar 7, 2019

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:
@dennisfrank
Copy link
Contributor

dennisfrank commented Mar 7, 2019

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.

@dennisfrank
Copy link
Contributor

dennisfrank commented Mar 7, 2019

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.

@davidhellmann
Copy link
Contributor

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

@dennisfrank
Copy link
Contributor

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

craft-title

@davidhellmann
Copy link
Contributor

Right direction!

@brandonkelly brandonkelly added enhancement improvements to existing features authoring ✍️ features related to author experience labels Mar 7, 2019
@andreimoment
Copy link
Author

andreimoment commented Mar 7, 2019

@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?

@brandonkelly brandonkelly added this to the 4.0 milestone Mar 21, 2019
@missmatsuko
Copy link
Contributor

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

@moacode
Copy link

moacode commented Jun 21, 2019

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

@brandonkelly brandonkelly modified the milestones: 4.0, 3.5 Jul 11, 2020
brandonkelly added a commit that referenced this issue Jul 11, 2020
Resolves #806
Resolves #841
Resolves #913
Resolves #1103
Resolves #1138
Resolves #2644
Resolves #3953
Resolves #4647
Resolves #4738
@brandonkelly
Copy link
Member

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
authoring ✍️ features related to author experience enhancement improvements to existing features
Projects
None yet
Development

No branches or pull requests

6 participants