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

Vertical menu to save space on big screens

    XMLWordPrintable

Details

    • Change Request
    • Status: Closed
    • Trivial
    • Resolution: Fixed
    • None
    • 5.0.0alpha4, 5.0 (plan)
    • Frontend (F)
    • None
    • Team D
    • Sprint 60 (Jan 2020), Sprint 61 (Feb 2020), Sprint 62 (Mar 2020), Sprint 63 (Apr 2020)
    • 3

    Description

      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

      Attachments

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

        Issue Links

          Activity

            People

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

              Dates

                Created:
                Updated:
                Resolved: