Uploaded image for project: 'Nuxeo Platform'
  1. Nuxeo Platform
  2. NXP-24085

Add ellipses on document actions

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Resolved
    • Priority: Critical
    • Resolution: Won't Fix
    • Affects Version/s: None
    • Fix Version/s: 10.3
    • Component/s: Ergonomy & UX, Web UI

      Description

      Problem
      Document actions start to grow in number. Clients adding actions will see even more buttons on screen.
      This creates clutter and distracts user from essential actions.

      Proposed solution
      Use an ellipses pattern on actions.
      Only 3 first (configurable on attribute that will manage this behaviour) actions will be shown. If there are more, a plus icon is presented.
      When pressed, all action are shown and plus icon rotates 45ยบ (ie. svg animation).
      Close/rotated plus pressed results in collapse.

      Note
      Having a label for each action would be more ideal has we should present a drop list with icon + label for secondary actions.
      This may need a topic on html semantic (schema.org, etc) to requires some fields by elements in slots.

        Attachments

        1. Actions_BehaviorA.png
          Actions_BehaviorA.png
          1.51 MB
        2. Actions_BehaviorB.png
          Actions_BehaviorB.png
          1.52 MB
        3. Actions_modeA.png
          Actions_modeA.png
          8 kB
        4. Actions_modeB.png
          Actions_modeB.png
          15 kB

          Issue Links

            Activity

              People

              • Assignee:
                Unassigned
                Reporter:
                tcardoso Tiago Cardoso
                Participants:
              • Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: