Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-2471

Form field labels are incoherent and confusing when requiring more then one line.

    XMLWordPrintable

Details

    Description

      When the label for a form field is too wide, it wraps onto more then one row.
      The problem is that the row spacing is so large that the text typically sits directly above the label for the next field.
      In this case the wrapped text is closer to the next labels text - and so it appears to belong to the next fields label!

      See attached screenshot of the Contact form from the demo features http://localhost:8081/magnolia-bundled-webapp/.magnolia/admincentral#app:pages:detail;/demo-features/special-templates/contact-form:edit

      The 4th field label should be: Marker for Required Fields.
      The 5th field label should be: Text for Required Symbol.
      The 6th field label should be: Step-by-Step.

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

                Unassigned Unassigned
                czimmermann Christopher Zimmermann
                Votes:
                3 Vote for this issue
                Watchers:
                4 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Bug DoR
                    Task DoD