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

Support multi-line labels in dialogs (again)

    XMLWordPrintable

    Details

      Description

      To fix rendering issues with long labels, we're currently truncating them (MGNLUI-2548). This was mainly to provide a working solution for several support cases.

      One of the reasons preventing us to just wrap texts were the in-line validation messages. These, however, are currently not according to design: they should not extend into the column occupied by the labels (MGNLUI-2749). As soon as that issue is fixed, we should enable multi-line labels again and only truncate them, if they extend to more than 3 lines of texts.

      To summarize, having well working, multi-line labels requires us to:

      1. Have shorter form error and warning validation messages, as per their original design. This makes space for the actual labels.
      2. Allow labels to go over multiple lines again; we take 3 lines as a maximum. We have to make sure they have a properly spaced right margin. After three lines, we shorten the labels.
      3. A tooltip keeps appearing over shortened labels (it always appears currently) on mouse-over.
      4. Optionally, we always show the tooltip on click/tap to allow this to work on touch devices as well.

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              Unassigned Unassigned
              Reporter:
              weder Andreas Weder
              Votes:
              2 Vote for this issue
              Watchers:
              5 Start watching this issue

                Dates

                Created:
                Updated:
                Date of First Response: