Bug #12221: Position and styling of icons for required and changed fields in TCE forms are wrong - TYPO3 CMS Usability Team - TYPO3 Forge

Core Indexed Search Linkvalidator Release Cycles Team Resources Workspaces & Versioning TYPO3 CMS Usability Team Community Extensions Distributions Feature-Requests TYPO3 6.2 Projects (+)(Archived Projects)

Bug #12221

Position and styling of icons for required and changed fields in TCE forms are wrong

Added by Jo Hasenau over 4 years ago. Updated 25 days ago.

Status:

Closed

Start date:

2011-01-14

Priority:

Must have

Due date:

2011-01-19

Assigned To:

Jens Hoffmann

% Done:

Category:

Design

Target version:

Tags:

Description

Since TYPO3 4.4 we have got a new position for the small reddish arrow marking a change of a field and the yellowish triangle marking a required field with an empty value.

These icons are now positioned to the right of the label of a field instead of to the left of the field itself, which was the original position before.

The problem with the arrow is, that it doesn't point to the changed field anymore but to the right of the label, which is just empty.
The triangle is much too close to the label.

Currently there are two variants we have in mind to fix this:

1. Move both to the left of the field again and leave an empty space there, if none of the icons is visible, to avoid shifting the field to the right.
2. Get rid of these icons and use background- and/or border-colors to mark the fields in a certain way.

We need a decision here as soon as possible, so that this can be fixed for RC1

Input-States.png (7.5 kB) Jens Hoffmann, 2012-07-06 12:27

Related issues

History

#1 Updated by Lars Zimmermann over 4 years ago

Hi Joey,

I think to have the icons removed and fields colored would work great in terms of the "attention" something is missing case... If something is wrong the field-background would change to a certain colour, but I think to have each field colored somebody changed something in would be awful.

So in my opinion the better way would be to create a white-space indent for the whole form to put the icons again in front of the fields. I think instead of the actual margin-left: 10px a value of 25px would be fine. Though the formular is not aligned anymore with the first word in the first tab, I think that's the best solution. And as long as the difference between the word from the first tab and the rest of the form is big enough it should work...

cheers and thanks joey!
lars