mirror of
https://github.com/netbox-community/netbox.git
synced 2026-01-11 21:10:29 +01:00
Show front and rear device images on device view #3451
Closed
opened 2025-12-29 18:29:15 +01:00 by adam
·
10 comments
No Branch/Tag Specified
main
update-changelog-comments-docs
feature-removal-issue-type
20911-dropdown
20239-plugin-menu-classes-mutable-state
21097-graphql-id-lookups
feature
fix_module_substitution
20923-dcim-templates
20044-elevation-stuck-lightmode
feature-ip-prefix-link
v4.5-beta1-release
20068-import-moduletype-attrs
20766-fix-german-translation-code-literals
20378-del-script
7604-filter-modifiers-v3
circuit-swap
12318-case-insensitive-uniqueness
20637-improve-device-q-filter
20660-script-load
19724-graphql
20614-update-ruff
14884-script
02496-max-page
19720-macaddress-interface-generic-relation
19408-circuit-terminations-export-templates
20203-openapi-check
fix-19669-api-image-download
7604-filter-modifiers
19275-fixes-interface-bulk-edit
fix-17794-get_field_value_return_list
11507-show-aggregate-and-rir-on-api
9583-add_column_specific_search_field_to_tables
v4.5.0
v4.4.10
v4.4.9
v4.5.0-beta1
v4.4.8
v4.4.7
v4.4.6
v4.4.5
v4.4.4
v4.4.3
v4.4.2
v4.4.1
v4.4.0
v4.3.7
v4.4.0-beta1
v4.3.6
v4.3.5
v4.3.4
v4.3.3
v4.3.2
v4.3.1
v4.3.0
v4.2.9
v4.3.0-beta2
v4.2.8
v4.3.0-beta1
v4.2.7
v4.2.6
v4.2.5
v4.2.4
v4.2.3
v4.2.2
v4.2.1
v4.2.0
v4.1.11
v4.1.10
v4.1.9
v4.1.8
v4.2-beta1
v4.1.7
v4.1.6
v4.1.5
v4.1.4
v4.1.3
v4.1.2
v4.1.1
v4.1.0
v4.0.11
v4.0.10
v4.0.9
v4.1-beta1
v4.0.8
v4.0.7
v4.0.6
v4.0.5
v4.0.3
v4.0.2
v4.0.1
v4.0.0
v3.7.8
v3.7.7
v4.0-beta2
v3.7.6
v3.7.5
v4.0-beta1
v3.7.4
v3.7.3
v3.7.2
v3.7.1
v3.7.0
v3.6.9
v3.6.8
v3.6.7
v3.7-beta1
v3.6.6
v3.6.5
v3.6.4
v3.6.3
v3.6.2
v3.6.1
v3.6.0
v3.5.9
v3.6-beta2
v3.5.8
v3.6-beta1
v3.5.7
v3.5.6
v3.5.5
v3.5.4
v3.5.3
v3.5.2
v3.5.1
v3.5.0
v3.4.10
v3.4.9
v3.5-beta2
v3.4.8
v3.5-beta1
v3.4.7
v3.4.6
v3.4.5
v3.4.4
v3.4.3
v3.4.2
v3.4.1
v3.4.0
v3.3.10
v3.3.9
v3.4-beta1
v3.3.8
v3.3.7
v3.3.6
v3.3.5
v3.3.4
v3.3.3
v3.3.2
v3.3.1
v3.3.0
v3.2.9
v3.2.8
v3.3-beta2
v3.2.7
v3.3-beta1
v3.2.6
v3.2.5
v3.2.4
v3.2.3
v3.2.2
v3.2.1
v3.2.0
v3.1.11
v3.1.10
v3.2-beta2
v3.1.9
v3.2-beta1
v3.1.8
v3.1.7
v3.1.6
v3.1.5
v3.1.4
v3.1.3
v3.1.2
v3.1.1
v3.1.0
v3.0.12
v3.0.11
v3.0.10
v3.1-beta1
v3.0.9
v3.0.8
v3.0.7
v3.0.6
v3.0.5
v3.0.4
v3.0.3
v3.0.2
v3.0.1
v3.0.0
v2.11.12
v3.0-beta2
v2.11.11
v2.11.10
v3.0-beta1
v2.11.9
v2.11.8
v2.11.7
v2.11.6
v2.11.5
v2.11.4
v2.11.3
v2.11.2
v2.11.1
v2.11.0
v2.10.10
v2.10.9
v2.11-beta1
v2.10.8
v2.10.7
v2.10.6
v2.10.5
v2.10.4
v2.10.3
v2.10.2
v2.10.1
v2.10.0
v2.9.11
v2.10-beta2
v2.9.10
v2.10-beta1
v2.9.9
v2.9.8
v2.9.7
v2.9.6
v2.9.5
v2.9.4
v2.9.3
v2.9.2
v2.9.1
v2.9.0
v2.9-beta2
v2.8.9
v2.9-beta1
v2.8.8
v2.8.7
v2.8.6
v2.8.5
v2.8.4
v2.8.3
v2.8.2
v2.8.1
v2.8.0
v2.7.12
v2.7.11
v2.7.10
v2.7.9
v2.7.8
v2.7.7
v2.7.6
v2.7.5
v2.7.4
v2.7.3
v2.7.2
v2.7.1
v2.7.0
v2.6.12
v2.6.11
v2.6.10
v2.6.9
v2.7-beta1
Solcon-2020-01-06
v2.6.8
v2.6.7
v2.6.6
v2.6.5
v2.6.4
v2.6.3
v2.6.2
v2.6.1
v2.6.0
v2.5.13
v2.5.12
v2.6-beta1
v2.5.11
v2.5.10
v2.5.9
v2.5.8
v2.5.7
v2.5.6
v2.5.5
v2.5.4
v2.5.3
v2.5.2
v2.5.1
v2.5.0
v2.4.9
v2.5-beta2
v2.4.8
v2.5-beta1
v2.4.7
v2.4.6
v2.4.5
v2.4.4
v2.4.3
v2.4.2
v2.4.1
v2.4.0
v2.3.7
v2.4-beta1
v2.3.6
v2.3.5
v2.3.4
v2.3.3
v2.3.2
v2.3.1
v2.3.0
v2.2.10
v2.3-beta2
v2.2.9
v2.3-beta1
v2.2.8
v2.2.7
v2.2.6
v2.2.5
v2.2.4
v2.2.3
v2.2.2
v2.2.1
v2.2.0
v2.1.6
v2.2-beta2
v2.1.5
v2.2-beta1
v2.1.4
v2.1.3
v2.1.2
v2.1.1
v2.1.0
v2.0.10
v2.1-beta1
v2.0.9
v2.0.8
v2.0.7
v2.0.6
v2.0.5
v2.0.4
v2.0.3
v2.0.2
v2.0.1
v2.0.0
v2.0-beta3
v1.9.6
v1.9.5
v2.0-beta2
v1.9.4-r1
v1.9.3
v2.0-beta1
v1.9.2
v1.9.1
v1.9.0-r1
v1.8.4
v1.8.3
v1.8.2
v1.8.1
v1.8.0
v1.7.3
v1.7.2-r1
v1.7.1
v1.7.0
v1.6.3
v1.6.2-r1
v1.6.1-r1
1.6.1
v1.6.0
v1.5.2
v1.5.1
v1.5.0
v1.4.2
v1.4.1
v1.4.0
v1.3.2
v1.3.1
v1.3.0
v1.2.2
v1.2.1
v1.2.0
v1.1.0
v1.0.7-r1
v1.0.7
v1.0.6
v1.0.5
v1.0.4
v1.0.3-r1
v1.0.3
1.0.0
Labels
Clear labels
beta
breaking change
complexity: high
complexity: low
complexity: medium
needs milestone
netbox
pending closure
plugin candidate
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
Mirrored from GitHub Pull Request
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Notifications
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: starred/netbox#3451
Reference in New Issue
Block a user
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
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?
Originally created by @JNR8 on GitHub (Mar 9, 2020).
Environment
Proposed Functionality
Within the device view, the front and rear images could be shown, if present, at the top of the device tab (or as appropriate). The feature could be toggled per device if it does not suit everyone.

Use Case
The example image above should provide enough idea of what it could look like.
For the device view I currently make use of the comment field with markdown to render the front and rear images, which just feels a bit clunky. and as markdown cannot resize an image it makes it time consuming to resize each and every image manually before uploading.
Database Changes
none that I am aware of.
External Dependencies
No additional dependencies as far as I am aware.
@jeremystretch commented on GitHub (Mar 12, 2020):
This looks nice when you have high resolution, 1U images. It doesn't look so nice when you have small/low-resolution images, or large images for a 12U chassis.
Also, given that the device images are already included on the device type view, I don't think it makes sense to commit valuable screen space at the top of the device view.
@JNR8 commented on GitHub (Mar 12, 2020):
A fair point.
Perhaps the images can be a toggle feature per device or device type. That way you can control weather the page gets taken over by the multi-U device images or not depending on your personal preference.
Perhaps it could also be done byt having the devices only diplay an images if that device is under a certain U hieght. This could be a variable set by the end user as per personal preference.
But to be honest, and this might just be me being a perfectionist, I would not be put a low res image of a device on a device type. I would either not have an image associated or put some kind of place holder image in place.
Additionally, the top of the page location is just a suggestion. Other locations could be suitable as well, such as above the comments field or above/below the inteface section.
@jeremystretch commented on GitHub (Mar 13, 2020):
I'm working with two assumptions here:
Absent a solid argument to either point, I don't see any value in piling any more content onto the device view, which is already fairly busy.
@JNR8 commented on GitHub (Mar 13, 2020):
I can understand the point of view you have, and that you have a certain level of restraint for new features if they do not fit with what you feel is correct with your vision for the product.
Having said that, right now at the time of posting this comment, there seems to be an unofficial polling going on and more people seem to like the idea than not.
At what point would you consider implementing a user controllable cosmetic change (such as this), which does not detract from the overall vision of the product?
I know I have been wanting this feature for a years now, and have mentioned it a few times in other posts. With the addition of device type front and rear images recently, my sugestion seems like a natural continuence of this feature. Yes, some may not want this and some will. To cater for both it could be turned on or off per a user controllable setting. Win/Win.
Regards, point 2 in your reply. I, personally, do not consider having to click out of the device I am viewing to view an image of that device a logic work flow.
Personally, having all information for a device available on one single page is preferable than having to click through other pages. But, I do understand the need to keep the device page as tidy as possible. Which is why I think collapsable sections on the device view would be another cosmetic change that could poentially help and alow for more info at the users finger tips, with an understandable work flow.
@lukasodhner commented on GitHub (Mar 17, 2020):
I would be in favor of image support on the device page as shown above.
We will make the high photos ourselves but as above we probably won't actually take photos of each device. Therefore I would love to have support for Device Type photos that are easily accessible from each instance of that device so that I don't have to upload a copy of the same stock photo for each device.
@stale[bot] commented on GitHub (Mar 27, 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.
@DouglasHeriot commented on GitHub (Apr 2, 2020):
I agree with @lukasodhner - maybe this should just be a feature request for uploading images associated with Device Types, rather than just Devices. I don't want to upload the same image for every instance of a device I have.
The current system of uploading images and having to click on them to see them is fine - but would be nice if they could belong on Device Types too.
@jeremystretch commented on GitHub (Apr 2, 2020):
This has already been implemented in NetBox.
I'm closing this issue as I have not seen a strong argument in support of this proposal.
@JNR8 commented on GitHub (Apr 2, 2020):
@DouglasHeriot You can do what you have asked or already, which is why this feature request came to be. Each device type can have its own front and rear images. My request was to have the ability to toggle on/off the display of those images when viewing a device. Curently you cannot see these images when viewing a device, which seems like a missed opportunity to me.
Yes you can upload individual images for Front and Rear for each device and mouse over them to view them, or click them to open another window to see the larger images. But the mouse over view it too small (any larger and it would look weird though) and opening another tab/window to view the image of the device seems unecessary.
Right now you cannot view the Front or Rear images assigned to a device type when you view a device. You can see them on the Rack elevations view, but thats it. Being able to view them in a device created from the Device Type seems like a logical continuence of this feature. To not do this seems like a lack of consistency within the product.
@jeremystretch
You could attribute that statement to so many other bits of info on this page too. For me, the point of your software if to provide all information to the viewer, and not rely on then having to figure our where than information is hidden. Having said that, giving the adminstrator of the product more control over how information is provided to the viewer is also essential. Allowing for the relevant information to be provided within the environment for which is it being used.
there are situations where a viewer may not be able to view device types due to the level of permissions granted them within the deplyment of the app. Each deplyment can have different use cases after all. So in those instances, device types images cannot be viewed or accessed when viewing a device.
@jeremystretch commented on GitHub (Apr 2, 2020):
Guys, the answer is no. The discussion is done now. You just have to accept that, or make your own fork.