Improve readability of rack reservation in elevations #7716

Closed
opened 2025-12-29 20:27:24 +01:00 by adam · 0 comments
Owner

Originally created by @Wait4Code on GitHub (Mar 3, 2023).

Originally assigned to: @abhi1693 on GitHub.

NetBox version

3.4.3

Feature type

Change to existing functionality

Proposed functionality

Add some borders in SVG around rack reservations to better distinguish them (and maybe a sort of highlight on hover).
path tag can be used to solve this problem. For example, for the case described just after, this solution works :

<a xmlns="http://www.w3.org/2000/svg" target="_parent" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="xxx">
  <title>Reservation #14: CUSTOMER 1</title>
  <path d="M256,530 L271,530" style="stroke:  black;stroke-width: 2px;"/>
  <rect class="reservation" height="66" width="15" x="256" y="530"/>
  <path d="M256,596 L271,596" style="stroke:  black;stroke-width: 2px;"/>
</a>
<a xmlns="http://www.w3.org/2000/svg" target="_parent" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="xxx"> 
  <title>Reservation #13: CUSTOMER 2</title>
  <path d="M256,596 L271,596" style="stroke:  black;stroke-width: 2px;"/>
  <rect class="reservation" height="66" width="15" x="256" y="596"/>
  <path d="M256,662 L271,662" style="stroke:  black;stroke-width: 2px;"/>
</a>

Another idea (but I should maybe open another ticket for that) is to have a slighty different background on reservation representation when looking at it :
image

Use case

When there are many rack-reservation on a rack, elevation is not really readable because all reservations representations are sticked.
For example, in this one, there is one reservation between 13 and 15U and an other, just after, between 16 and 19U.

image

With borders (paths) :
image

Database changes

None.

External dependencies

No response

Originally created by @Wait4Code on GitHub (Mar 3, 2023). Originally assigned to: @abhi1693 on GitHub. ### NetBox version 3.4.3 ### Feature type Change to existing functionality ### Proposed functionality Add some borders in SVG around rack reservations to better distinguish them (and maybe a sort of highlight on hover). `path` tag can be used to solve this problem. For example, for the case described just after, this solution works : ```HTML <a xmlns="http://www.w3.org/2000/svg" target="_parent" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="xxx"> <title>Reservation #14: CUSTOMER 1</title> <path d="M256,530 L271,530" style="stroke: black;stroke-width: 2px;"/> <rect class="reservation" height="66" width="15" x="256" y="530"/> <path d="M256,596 L271,596" style="stroke: black;stroke-width: 2px;"/> </a> <a xmlns="http://www.w3.org/2000/svg" target="_parent" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="xxx"> <title>Reservation #13: CUSTOMER 2</title> <path d="M256,596 L271,596" style="stroke: black;stroke-width: 2px;"/> <rect class="reservation" height="66" width="15" x="256" y="596"/> <path d="M256,662 L271,662" style="stroke: black;stroke-width: 2px;"/> </a> ``` Another idea (but I should maybe open another ticket for that) is to have a slighty different background on reservation representation when looking at it : ![image](https://user-images.githubusercontent.com/19693378/222776736-f3f63316-cd9a-4611-9ccd-4362eae494d1.png) ### Use case When there are many rack-reservation on a rack, elevation is not really readable because all reservations representations are sticked. For example, in this one, there is one reservation between 13 and 15U and an other, just after, between 16 and 19U. ![image](https://user-images.githubusercontent.com/19693378/222773201-9b09cbd7-3c98-499a-81dc-ac02221f8b18.png) With borders (paths) : ![image](https://user-images.githubusercontent.com/19693378/222775158-6fe8b16a-79e9-422e-bfd9-b9a4cd6dbed9.png) ### Database changes None. ### External dependencies _No response_
adam added the status: acceptedtype: feature labels 2025-12-29 20:27:24 +01:00
adam closed this issue 2025-12-29 20:27:25 +01:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/netbox#7716