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

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

              Created:
              Updated:
              Resolved: