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

Improve vertical display of multivalue and composite fields

    XMLWordPrintable

Details

    • Improvement
    • Resolution: Obsolete
    • Neutral
    • None
    • None
    • None

    Description

      Mockup for vertical composite fields:

      Mockup for vertical multivalue composite fields:


      Current issues:

      Multivalue fields have some display issues:

      • It's hard to see where one item ends and the next one starts. There should be some kind of visual separator/indicator between "Country" and "Street above.
      • It's hard to tell what will be deleted if I click on a delete icon. The vertical alignment of the delete icon, could maybe be improved, not sure. It used to be inline with the bottom of the item.
      • The vertical alignment of the first field does not match "addresses"
         

      There are some additional problems when a composite field includes a multivalue field.

       

       
      "Contact Data" is a composite field which holds "Email", "Phone number" and "Addresses".

      • Its hard to understand what is "in" "Addresses". Maybe anything under a composite field should be indented to the right a bit?

      (The issue may not be specifically about a composite containing a multivalue, it could be just about anytime a composite includes another composite.)

      App and Content files available in light module attached as a zip "content-types-examples".

       

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

                Unassigned Unassigned
                czimmermann Christopher Zimmermann
                Votes:
                1 Vote for this issue
                Watchers:
                5 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Task DoD