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
            20 kB
            Andreas Weder
          2. 2 Choose hidden tab.png
            44 kB
            Andreas Weder
          3. 3 Tab chosen.png
            21 kB
            Andreas Weder
          4. qa-sample-dialog-with-long-tweaked-titles.png
            163 kB
            Mikaël Geljić
          5. shop3.png
            74 kB
            Mikaël Geljić

              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