Apply border CSS to one page

Dashboard
1

Hello

I currently have a template node with the following code:

.nr-dashboard-theme ui-card-panel {
background: transparent;
border:none;
}

I want to maintain a border around some of my gauges on different tabs. Is there a way to make this only apply to one tab?

2

If you make the template type "widget in group" it should only apply the css to the tab the template is on.

I tried it with this in the template - not sure if this css selector is any better than yours:

<style>
  #nr-dashboard .masonry-container ui-card-panel {
    background: transparent ;
    border:3px solid red;
}
</style>

And if you want to apply it to just one dashboard group

<style>
  #nr-dashboard .masonry-container ui-card-panel#TABNAME_GROUPNAME {
    background: transparent ;
    border:3px solid red;
}
</style>
3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.