# Remove border to just one ui group

**URL:** <https://discourse.nodered.org/t/remove-border-to-just-one-ui-group/78938>\
**Category:** Dashboard\
**Created:** [4 June 2023 09:41 UTC](https://discourse.nodered.org/t/remove-border-to-just-one-ui-group/78938 "2023-06-04T09:41:39Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)\
**Post date:** [4 June 2023 09:41 UTC](https://discourse.nodered.org/t/remove-border-to-just-one-ui-group/78938/1 "2023-06-04T09:41:40Z")

</div>

As per subject, I need to remove the border to just one Dashboard group, but I'm stuck. Tried with CSS template, but no luck...

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [4 June 2023 11:12 UTC](https://discourse.nodered.org/t/remove-border-to-just-one-ui-group/78938/2 "2023-06-04T11:12:00Z")

</div>

Does this not work (with the appropriate ID for your ui-cardpanel)?

```auto
[node-id = "514b19cf7fb14ce6"] .nr-dashboard-cardpanel {
    border: none;
}

```

---

<div class="post-metadata">

**Author:** ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)\
**Post date:** [4 June 2023 12:54 UTC](https://discourse.nodered.org/t/remove-border-to-just-one-ui-group/78938/3 "2023-06-04T12:54:13Z")

</div>

> [@jbudd](#):
>
> ```auto
> [node-id = "514b19cf7fb14ce6"] .nr-dashboard-cardpanel {
> border: none;
> }
> 
> ```

unfortunately, not. It is still there. I got the node-id from the browser inspection window.  
`<ui-card-panel node-id="4d8330e115e63aed" ng-repeat="group in main.selectedTab.items" id=...`

---

<div class="post-metadata">

**Author:** ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)\
**Post date:** [4 June 2023 12:59 UTC](https://discourse.nodered.org/t/remove-border-to-just-one-ui-group/78938/4 "2023-06-04T12:59:28Z")

</div>

I have fixed this way:

```auto
   .nr-dashboard-theme ui-card-panel {
    border:none;
    }

```

The ui-template is applied to "Widget in group".

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [18 June 2023 13:00 UTC](https://discourse.nodered.org/t/remove-border-to-just-one-ui-group/78938/5 "2023-06-18T13:00:27Z")

</div>

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