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

Show remaining length on input fields

    XMLWordPrintable

Details

    • Yes

    Description

      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; }

      Checklists

        Acceptance criteria

        Attachments

          Activity

            People

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

              Dates

                Created:
                Updated:
                Resolved:

                Checklists

                  Task DoD