Display device name and image simultaneously in rack elevations #3439

Closed
opened 2025-12-29 18:29:08 +01:00 by adam · 8 comments
Owner

Originally created by @JNR8 on GitHub (Mar 5, 2020).

Environment

  • Python version:
  • NetBox version: 2.7.8

Proposed Functionality

Device Images (Front and Rear) in Rack elevations to have have an opaque overlay with the device name label showing. Possibly as another toggle button next to show images if this is not a preferred state. the overlay could also be coloured as per the device color coding. my example uses approx 20% opacity.
Rack Device Image Name Proposal

Use Case

The example image above should provide enough idea of what it could look like.

The Rack views and elevations look great with front and rear images, views, but without the device label it doesn;t really help identify the device. Yes you can hover over the device to see it, but this is time consuming and not very efficient.

Allowing for colour codes and labels to be overlayed would provide the best of both current view options.

Database Changes

none that I am aware of.

External Dependencies

No additional dependencies as far as I am aware.

Originally created by @JNR8 on GitHub (Mar 5, 2020). ### Environment * Python version: <!-- Example: 3.6.9 --> * NetBox version: 2.7.8 <!-- A request for enhancements, which feel minor ins some ways, but could improve the overall look of the rack view. --> ### Proposed Functionality Device Images (Front and Rear) in Rack elevations to have have an opaque overlay with the device name label showing. Possibly as another toggle button next to show images if this is not a preferred state. the overlay could also be coloured as per the device color coding. my example uses approx 20% opacity. ![Rack Device Image Name Proposal](https://user-images.githubusercontent.com/4245161/75995654-a74b9100-5ef4-11ea-90df-5ee0b529fb33.png) ### Use Case The example image above should provide enough idea of what it could look like. The Rack views and elevations look great with front and rear images, views, but without the device label it doesn;t really help identify the device. Yes you can hover over the device to see it, but this is time consuming and not very efficient. Allowing for colour codes and labels to be overlayed would provide the best of both current view options. ### Database Changes none that I am aware of. <!-- No additional dependencies as far as I am aware. --> ### External Dependencies No additional dependencies as far as I am aware.
adam added the pending closure label 2025-12-29 18:29:08 +01:00
adam closed this issue 2025-12-29 18:29:08 +01:00
Author
Owner

@jeremystretch commented on GitHub (Mar 5, 2020):

You have two different feature requests here. Please choose one and open a separate FR for the other.

@jeremystretch commented on GitHub (Mar 5, 2020): You have two different feature requests here. Please choose one and open a separate FR for the other.
Author
Owner

@JNR8 commented on GitHub (Mar 9, 2020):

Done, split into two requests as requested:

Second Request: #4331

@JNR8 commented on GitHub (Mar 9, 2020): Done, split into two requests as requested: Second Request: #4331
Author
Owner

@DanSheps commented on GitHub (Mar 9, 2020):

If this is accepted, I feel like it may be best to make it optional/toggleable.

@DanSheps commented on GitHub (Mar 9, 2020): If this is accepted, I feel like it may be best to make it optional/toggleable.
Author
Owner

@jeremystretch commented on GitHub (Mar 9, 2020):

I played around with this while working on #1529. Even with a tint, a complex background image makes the text very difficult to read, particularly at a small size. (Note that the default size of a rack unit in NetBox is much smaller than the screenshot above appears.) And if you increase the opacity of the overlay, the image becomes obscured, defeating the point of including it at all. Ultimately it's a poor design choice to try and convey two pieces of information on top of each other, which is why we went with the option to toggle between image and text.

@jeremystretch commented on GitHub (Mar 9, 2020): I played around with this while working on #1529. Even with a tint, a complex background image makes the text very difficult to read, particularly at a small size. (Note that the default size of a rack unit in NetBox is much smaller than the screenshot above appears.) And if you increase the opacity of the overlay, the image becomes obscured, defeating the point of including it at all. Ultimately it's a poor design choice to try and convey two pieces of information on top of each other, which is why we went with the option to toggle between image and text.
Author
Owner

@ktims commented on GitHub (Mar 9, 2020):

A contrasting outline on the text works quite well.

@ktims commented on GitHub (Mar 9, 2020): A contrasting outline on the text works quite well.
Author
Owner

@JNR8 commented on GitHub (Mar 11, 2020):

Although I would prefer a variation on what I suggested, having a toggle to enable/disable this would be a good options as well.

An alternative would be to have a label floating to either side of the device. Without any label the Rack elevation doesn't convey to someone who is not familiar with the Rack contents what the devices are being shown are.

@JNR8 commented on GitHub (Mar 11, 2020): Although I would prefer a variation on what I suggested, having a toggle to enable/disable this would be a good options as well. An alternative would be to have a label floating to either side of the device. Without any label the Rack elevation doesn't convey to someone who is not familiar with the Rack contents what the devices are being shown are.
Author
Owner

@stale[bot] commented on GitHub (Mar 26, 2020):

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. Please see our contributing guide.

@stale[bot] commented on GitHub (Mar 26, 2020): 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. Please see our [contributing guide](https://github.com/netbox-community/netbox/blob/develop/CONTRIBUTING.md).
Author
Owner

@stale[bot] commented on GitHub (Apr 2, 2020):

This issue has been automatically closed due to lack of activity. In an effort to reduce noise, please do not comment any further. Note that the core maintainers may elect to reopen this issue at a later date if deemed necessary.

@stale[bot] commented on GitHub (Apr 2, 2020): This issue has been automatically closed due to lack of activity. In an effort to reduce noise, please do not comment any further. Note that the core maintainers may elect to reopen this issue at a later date if deemed necessary.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/netbox#3439