Uploaded image for project: 'ZABBIX FEATURE REQUESTS'
  1. ZABBIX FEATURE REQUESTS
  2. ZBXNEXT-5569

Vertical menu to save space on big screens

XMLWordPrintable

    • Sprint 60 (Jan 2020), Sprint 61 (Feb 2020), Sprint 62 (Mar 2020), Sprint 63 (Apr 2020)
    • 3

      Summary

      Current horizontal main menu is outdated by modern UI standards. Also it has few usability issues like consuming tons of space on wide screens and awkward navigation. It should be redesigned to have a vertical layout.

      Acceptance

      1. Main menu must be redesigned to be displayed vertically on the left side and support three modes:
        1. Fully hidden
        2. Display icons only
        3. Display everything
      2. It must provide better usability comparing to the old menu
      3. It must be responsive

        1. flat-css3-breadcrumb.png
          3 kB
          Dimitri Bellini
        2. icons-misaligned.png
          7 kB
          Andrejs Verza
        3. image-2020-03-05-12-31-31-517.png
          60 kB
          Andrejs Verza
        4. image-2020-03-23-09-07-18-289.png
          1 kB
          Andrejs Verza
        5. Peek 2020-02-28 17-35.gif
          1.40 MB
          Larisa Grigorjeva
        6. Peek 2020-02-28 17-36.gif
          1.25 MB
          Larisa Grigorjeva
        7. Peek 2020-02-28 17-37.gif
          823 kB
          Larisa Grigorjeva
        8. Peek 2020-02-28 18-00.gif
          1.60 MB
          Larisa Grigorjeva
        9. Peek 2020-03-16 13-05.gif
          60 kB
          Larisa Grigorjeva
        10. Peek 2020-03-16 13-06.gif
          74 kB
          Larisa Grigorjeva
        11. Peek 2020-03-16 13-09.gif
          65 kB
          Larisa Grigorjeva
        12. Peek 2020-03-16 13-52.gif
          174 kB
          Larisa Grigorjeva
        13. Peek 2020-03-16 15-42.gif
          83 kB
          Larisa Grigorjeva
        14. Peek 2020-03-16 15-51.gif
          176 kB
          Larisa Grigorjeva
        15. Peek 2020-03-16 15-53.gif
          229 kB
          Larisa Grigorjeva
        16. Peek 2020-03-16 15-56.gif
          305 kB
          Larisa Grigorjeva
        17. Peek 2020-03-25 21-05.gif
          227 kB
          Larisa Grigorjeva
        18. Peek 2020-03-26 17-39.gif
          1.02 MB
          Larisa Grigorjeva
        19. Screenshot from 2020-04-01 11-29-28.png
          132 kB
          Dimitri Bellini
        20. Selection_006.png
          137 kB
          Larisa Grigorjeva
        21. Selection_010.png
          48 kB
          Larisa Grigorjeva
        22. Selection_019.png
          99 kB
          Larisa Grigorjeva
        23. Selection_020.png
          105 kB
          Larisa Grigorjeva
        24. Selection_022.png
          52 kB
          Larisa Grigorjeva
        25. Selection_023.png
          102 kB
          Larisa Grigorjeva
        26. Selection_035.png
          9 kB
          Larisa Grigorjeva
        27. Selection_036.png
          7 kB
          Larisa Grigorjeva
        28. Selection_037.png
          46 kB
          Larisa Grigorjeva
        29. Selection_038.png
          33 kB
          Larisa Grigorjeva
        30. Selection_039.png
          125 kB
          Larisa Grigorjeva
        31. Selection_040.png
          24 kB
          Larisa Grigorjeva
        32. Selection_041.png
          11 kB
          Larisa Grigorjeva
        33. Selection_042.png
          43 kB
          Larisa Grigorjeva
        34. Selection_092.png
          168 kB
          Larisa Grigorjeva
        35. Selection_093.png
          121 kB
          Larisa Grigorjeva
        36. Selection_953.png
          37 kB
          Larisa Grigorjeva
        37. Selection_954.png
          51 kB
          Larisa Grigorjeva
        38. Selection_955.png
          103 kB
          Larisa Grigorjeva
        39. Selection_956.png
          735 kB
          Larisa Grigorjeva
        40. Selection_959.png
          121 kB
          Larisa Grigorjeva
        41. Selection_960.png
          80 kB
          Larisa Grigorjeva
        42. Selection_961.png
          92 kB
          Larisa Grigorjeva
        43. Selection_963.png
          95 kB
          Larisa Grigorjeva
        44. Selection_964.png
          38 kB
          Larisa Grigorjeva
        45. Selection_965.png
          45 kB
          Larisa Grigorjeva
        46. Selection_966.png
          284 kB
          Larisa Grigorjeva
        47. subissue_10.png
          63 kB
          Andrejs Verza
        48. v_menu_compact_hovered_light.png
          32 kB
          Rostislav Palivoda
        49. v_menu_compact_hovered.png
          33 kB
          Rostislav Palivoda
        50. v_menu_compact.png
          24 kB
          Rostislav Palivoda
        51. v_menu_expanded_2levels.png
          41 kB
          Rostislav Palivoda
        52. v_menu_expanded_hidden.png
          19 kB
          Rostislav Palivoda
        53. zabbix_1280x1024.jpg
          68 kB
          Dimitri Bellini
        54. zbx-vertical-menu-resize_problem.png
          100 kB
          Dimitri Bellini

            HunterCRS Alexander Shubin
            palivoda Rostislav Palivoda
            Team D
            Votes:
            7 Vote for this issue
            Watchers:
            19 Start watching this issue

              Created:
              Updated:
              Resolved: