starred/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2026-01-12 05:20:31 +01:00
Code Issues 273 Packages Projects Releases 10 Wiki Activity

Collapse side navigation #9789

New Issue
Open
opened 2025-12-29 21:22:40 +01:00 by adam · 6 comments
adam commented 2025-12-29 21:22:40 +01:00
Owner
Copy Link

Originally created by @andrewgormley on GitHub (Jun 3, 2024).

NetBox version

v4.0.3

Feature type

New functionality

Proposed functionality

Add the ability to collapse the the side navigation, this will occur when a user clicks on a 'menu' icon, clicking the same icon will also expand the menu to it's default state. In the collapsed state the text will be hidden, showing the icon only. On hover the menu will be temporarily expand, when the user's cursor moves away from the menu it will return to it's collapsed state. The collapsed menu's sub-items should still be accessible via tabbing. The user's chosen state for the menu should be saved for future sessions.

Sub tasks

  • Change top navigation to be full width and sit on top of side nav
  • Move logo to top navigation
  • Increase width of search bar
  • Add menu icon which collapses and expands the side navigation

Use case

Enabling users the ability to collapse the side menu will create more space to view content such as large tables with more ease.

Database changes

No response

External dependencies

No response

Originally created by @andrewgormley on GitHub (Jun 3, 2024). ### NetBox version v4.0.3 ### Feature type New functionality ### Proposed functionality Add the ability to collapse the the side navigation, this will occur when a user clicks on a 'menu' icon, clicking the same icon will also expand the menu to it's default state. In the collapsed state the text will be hidden, showing the icon only. On hover the menu will be temporarily expand, when the user's cursor moves away from the menu it will return to it's collapsed state. The collapsed menu's sub-items should still be accessible via tabbing. The user's chosen state for the menu should be saved for future sessions. Sub tasks - [ ] Change top navigation to be full width and sit on top of side nav - [ ] Move logo to top navigation - [ ] Increase width of search bar - [ ] Add menu icon which collapses and expands the side navigation ### Use case Enabling users the ability to collapse the side menu will create more space to view content such as large tables with more ease. ### Database changes _No response_ ### External dependencies _No response_
adam added the type: featurestatus: blockednetboxtopic: UI/UXcomplexity: high labels 2025-12-29 21:22:40 +01:00
adam commented 2025-12-29 21:22:40 +01:00
Author
Owner
Copy Link

@jeremystretch commented on GitHub (Jul 29, 2024):

We've had to bump this from v4.1 due to technical challenges. I'll leave this open for anyone else who would like to make an attempt.

@jeremystretch commented on GitHub (Jul 29, 2024): We've had to bump this from v4.1 due to technical challenges. I'll leave this open for anyone else who would like to make an attempt.
adam commented 2025-12-29 21:22:41 +01:00
Author
Owner
Copy Link

@mugglettuk commented on GitHub (Sep 6, 2024):

It might also be a good idea to be able to just re-size the windows on the fly. There's so much white space in the left hand window that is not needed most of the time. It would then allow more columns to be added to the hand pane that contain more information that other users may need to display instead of going in to the device to get the info. Small screens need the ability to be able to re-size.

@mugglettuk commented on GitHub (Sep 6, 2024): It might also be a good idea to be able to just re-size the windows on the fly. There's so much white space in the left hand window that is not needed most of the time. It would then allow more columns to be added to the hand pane that contain more information that other users may need to display instead of going in to the device to get the info. Small screens need the ability to be able to re-size.
adam commented 2025-12-29 21:22:41 +01:00
Author
Owner
Copy Link

@PieterL75 commented on GitHub (Jul 11, 2025):

Maybe include 2 other requests in this one ?

  • pad sub menu items a little https://github.com/netbox-community/netbox/issues/17675
  • set the 'top' menu items (org, racks, devices, ...) background a little different (darker/lights) than the rest of the menu, making them easier to distinguish when they are expanded (could not find that FR though)
@PieterL75 commented on GitHub (Jul 11, 2025): Maybe include 2 other requests in this one ? - pad sub menu items a little https://github.com/netbox-community/netbox/issues/17675 - set the 'top' menu items (org, racks, devices, ...) background a little different (darker/lights) than the rest of the menu, making them easier to distinguish when they are expanded (could not find that FR though)
adam commented 2025-12-29 21:22:41 +01:00
Author
Owner
Copy Link

@github-actions[bot] commented on GitHub (Oct 10, 2025):

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. NetBox is governed by a small group of core maintainers which means not all opened issues may receive direct feedback. Do not attempt to circumvent this process by "bumping" the issue; doing so will result in its immediate closure and you may be barred from participating in any future discussions. Please see our contributing guide.

@github-actions[bot] commented on GitHub (Oct 10, 2025): This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. NetBox is governed by a small group of core maintainers which means not all opened issues may receive direct feedback. **Do not** attempt to circumvent this process by "bumping" the issue; doing so will result in its immediate closure and you may be barred from participating in any future discussions. Please see our [contributing guide](https://github.com/netbox-community/netbox/blob/main/CONTRIBUTING.md).
adam commented 2025-12-29 21:22:41 +01:00
Author
Owner
Copy Link

@pheus commented on GitHub (Oct 22, 2025):

Hi folks! Quick upstream update on this highly requested feature to help keep it from going stale:

Given that upstream work is underway, would it be reasonable to keep this issue open and treat it as blocked by the Tabler changes for now? If/when that lands, it should make it much simpler for NetBox to implement a proper collapsible sidebar.
Thanks!

@pheus commented on GitHub (Oct 22, 2025): Hi folks! Quick upstream update on this highly requested feature to help keep it from going stale: - Tabler (the UI framework NetBox uses) is tracking sidebar improvements here: https://github.com/tabler/tabler/issues/1803 - A maintainer recently indicated they’re targeting this work for **v1.5**: https://github.com/tabler/tabler/issues/1803#issuecomment-3220852507 Given that upstream work is underway, would it be reasonable to keep this issue open and treat it as blocked by the Tabler changes for now? If/when that lands, it should make it much simpler for NetBox to implement a proper collapsible sidebar. Thanks!
adam commented 2025-12-29 21:22:43 +01:00
Author
Owner
Copy Link

@jeremystretch commented on GitHub (Nov 7, 2025):

Marking this as blocked upstream per the above

@jeremystretch commented on GitHub (Nov 7, 2025): Marking this as blocked upstream per the above
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
beta
breaking change
complexity: high
complexity: low
complexity: medium
needs milestone
netbox
pending closure
plugin candidate
pull-request
Mirrored from GitHub Pull Request
 severity: high
severity: low
severity: medium
status: accepted
status: backlog
status: blocked
status: duplicate
status: needs owner
status: needs triage
status: revisions needed
status: under review
topic: GraphQL
topic: Internationalization
topic: OpenAPI
topic: UI/UX
topic: cabling
topic: event rules
topic: htmx navigation
topic: industrialization
topic: migrations
topic: plugins
topic: scripts
topic: templating
topic: testing
type: bug
type: deprecation
type: documentation
type: feature
type: housekeeping
type: translation
No Label complexity: high netbox status: blocked topic: UI/UX type: feature
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
adam
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/netbox#9789
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?