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

Show remaining length on input fields

XMLWordPrintable

    • Yes

      Use case:
      as an editor i want to know how many signs left when there is a hard or soft border of signs in an input field.

      The recommended length is useful because sometimes you will not restrict the editor to a hard limit. We needed this recommendation so that the design is still looking good on mobile devices and the text doesn't broke it too much.

      This feature works with TextField and TextArea. I didn't try with a richTextEditor.
      An also nice feature would be an async implementation for updating the value of the label.

      I included the necessary java implementation files, 1 screenshot and here a small adjustment for css.

      .extended-textfield-label

      { text-align: right; color: #666666; white-space: nowrap; line-height: 25px; right: 2px; position: relative; font-size: 10px; top: -12px; height: 18px; }

        Acceptance criteria

              cmeier Christoph Meier
              stefan.jahn Stefan Jahn
              Votes:
              1 Vote for this issue
              Watchers:
              6 Start watching this issue

                Created:
                Updated:
                Resolved:

                  Task DoD