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

Show popup with hidden tabs, if there are too many tabs to fit in one row

XMLWordPrintable

    • Sprint 2 (Basel), Sprint 6 (Basel)
    • 1

      When tabsheet holds more tabs than its width can afford, the extra tabs overflow to a second row, where they were never designed to go.

      We're going to implement the "Safari approach" to fix this problem:

      • The last tab is a combined tab w drop-down
        • A click on the dropdown icon OR the already selected tab opens the dropdown, which shows all currently hidden tabs.
        • When resizing the browser or the dialog, the hidden tabs should be calculated again

      To switch between tabs using the keyboard, you use the arrow keys to change the focus to a different tab, then switch to it by e.g. pressing SPACE. This is mentioned here to complete the concept, but should be treated in a separate follow-up issue (MGNLUI-3452) .

        Acceptance criteria

          1. 1 Choose arrow.png
            1 Choose arrow.png
            20 kB
          2. 2 Choose hidden tab.png
            2 Choose hidden tab.png
            44 kB
          3. 3 Tab chosen.png
            3 Tab chosen.png
            21 kB
          4. qa-sample-dialog-with-long-tweaked-titles.png
            qa-sample-dialog-with-long-tweaked-titles.png
            163 kB
          5. shop3.png
            shop3.png
            74 kB

              apchelintcev Aleksandr Pchelintcev
              mgeljic Mikaël Geljić
              Votes:
              1 Vote for this issue
              Watchers:
              8 Start watching this issue

                Created:
                Updated:
                Resolved:

                  Task DoD

                    Estimated:
                    Original Estimate - 0.25d Original Estimate - 0.25d
                    0.25d
                    Remaining:
                    Remaining Estimate - 0d
                    0d
                    Logged:
                    Time Spent - 17.75d
                    17.75d