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

Support configuring card/widget header icon on dashboard page #8285

New Issue
Closed
opened 2025-12-29 20:34:44 +01:00 by adam · 10 comments
adam commented 2025-12-29 20:34:44 +01:00
Owner
Copy Link

Originally created by @jsenecal on GitHub (Jul 3, 2023).

NetBox version

v3.5.4

Feature type

New functionality

Proposed functionality

Related to 7d566837b6

Allow for dashboard cards to have an icon added.

Use case

The dashboard purpose is to allow users the opportunity to customize this view to include only the information most relevant to them.
Adding visual cues as to the content of the widgets/cards makes it even better (and prettier).

image

Database changes

None

External dependencies

None

Originally created by @jsenecal on GitHub (Jul 3, 2023). ### NetBox version v3.5.4 ### Feature type New functionality ### Proposed functionality Related to https://github.com/netbox-community/netbox/pull/12664/commits/7d566837b6700acc904711952f50606a4ae2fec1 Allow for dashboard cards to have an icon added. ### Use case The dashboard purpose is to allow users the opportunity to customize this view to include only the information most relevant to them. Adding visual cues as to the content of the widgets/cards makes it even better (and prettier). ![image](https://github.com/netbox-community/netbox/assets/1564902/a108fbda-613d-4537-bebf-5570c65c3f8c) ### Database changes None ### External dependencies None
adam added the type: featurepending closurestatus: under reviewtopic: UI/UX labels 2025-12-29 20:34:44 +01:00
adam closed this issue 2025-12-29 20:34:45 +01:00
adam commented 2025-12-29 20:34:45 +01:00
Author
Owner
Copy Link

@stavr666 commented on GitHub (Jul 4, 2023):

I have several widget with mixed content. How will the header icon be defined? By selector?
Unicode is not enough?

@stavr666 commented on GitHub (Jul 4, 2023): I have several widget with mixed content. How will the header icon be defined? By selector? Unicode is not enough?
adam commented 2025-12-29 20:34:45 +01:00
Author
Owner
Copy Link

@stavr666 commented on GitHub (Jul 4, 2023):

P.S. Text shadow or more contrast text colors for some header colors will be much more appreciated imho:

image

@stavr666 commented on GitHub (Jul 4, 2023): P.S. Text shadow or more contrast text colors for some header colors will be much more appreciated imho: ![image](https://github.com/netbox-community/netbox/assets/84839985/c3732b6f-f0f6-4709-b65e-7087ffadb428)
adam commented 2025-12-29 20:34:45 +01:00
Author
Owner
Copy Link

@jsenecal commented on GitHub (Jul 4, 2023):

Hi @stavr666,
My plan was to define icon names from Material Design Icons.

Something like that:

<h6 class="card-header text-center">
        {% if widget.icon_name %}<i class="mdi mdi-{{ widget.icon_name }}"></i>{% endif %}
        <span class="ms-1">{{ widget.title }}</span>
</h6>

Nothing would prevent you from using your method as well.

@jsenecal commented on GitHub (Jul 4, 2023): Hi @stavr666, My plan was to define icon names from [Material Design Icons](https://pictogrammers.com/library/mdi/). Something like that: ```html <h6 class="card-header text-center"> {% if widget.icon_name %}<i class="mdi mdi-{{ widget.icon_name }}"></i>{% endif %} <span class="ms-1">{{ widget.title }}</span> </h6> ``` Nothing would prevent you from using your method as well.
adam commented 2025-12-29 20:34:46 +01:00
Author
Owner
Copy Link

@github-actions[bot] commented on GitHub (Oct 3, 2023):

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 3, 2023): 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/develop/CONTRIBUTING.md).
adam commented 2025-12-29 20:34:46 +01:00
Author
Owner
Copy Link

@jsenecal commented on GitHub (Oct 3, 2023):

https://github.com/netbox-community/netbox/issues/12128 is probably blocking this

@jsenecal commented on GitHub (Oct 3, 2023): https://github.com/netbox-community/netbox/issues/12128 is probably blocking this
adam commented 2025-12-29 20:34:46 +01:00
Author
Owner
Copy Link

@github-actions[bot] commented on GitHub (Jan 12, 2024):

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 (Jan 12, 2024): 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/develop/CONTRIBUTING.md).
adam commented 2025-12-29 20:34:47 +01:00
Author
Owner
Copy Link

@jeffgdotorg commented on GitHub (Jan 24, 2024):

@jsenecal now that #12128 is completed, would you like to take a fresh look at this issue?

@jeffgdotorg commented on GitHub (Jan 24, 2024): @jsenecal now that #12128 is completed, would you like to take a fresh look at this issue?
adam commented 2025-12-29 20:34:47 +01:00
Author
Owner
Copy Link

@jsenecal commented on GitHub (Jan 26, 2024):

It really depends on @jeremystretch tbh @jeffgdotorg

@jsenecal commented on GitHub (Jan 26, 2024): It really depends on @jeremystretch tbh @jeffgdotorg
adam commented 2025-12-29 20:34:47 +01:00
Author
Owner
Copy Link

@jeremystretch commented on GitHub (Jan 26, 2024):

I've not been involved with this FR at all.

@jeremystretch commented on GitHub (Jan 26, 2024): I've not been involved with this FR at all.
adam commented 2025-12-29 20:34:47 +01:00
Author
Owner
Copy Link

@jeremystretch commented on GitHub (Feb 23, 2024):

Closing this out at stale as there's been no further discussion.

@jeremystretch commented on GitHub (Feb 23, 2024): Closing this out at stale as there's been no further discussion.
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 pending closure status: under review 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#8285
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?