# Assign id to group

**URL:** https://discourse.nodered.org/t/assign-id-to-group/94956
**Category:** Dashboard
**Tags:** dashboard-2
**Created:** [28 January 2025 09:45 UTC](https://discourse.nodered.org/t/assign-id-to-group/94956 "2025-01-28T09:45:01Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![KarolisL](https://avatars.discourse-cdn.com/v4/letter/k/a4c791/32.png) [@KarolisL](https://discourse.nodered.org/u/KarolisL)
#### Post date: [28 January 2025 09:45 UTC](https://discourse.nodered.org/t/assign-id-to-group/94956/1 "2025-01-28T09:45:01Z")

</div>

Hello, my end goal is to use Teleport for buttons to top right corner of the group.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/3/a36f2d7ebd2646a7d2fc868754467ec107f6c941.png)

To do that I've tried to reuse logic from forum:

```auto
  <Teleport v-if="mounted" to="#nrdb-ui-group-350fe6c36c2bd724">
     <div class="teleported-button-container">
      <!-- Login Button -->
      <v-btn color="primary" @click="openDialog">
        <v-icon>mdi-information-variant</v-icon>
      </v-btn>
     </div>
  </Teleport>

.teleported-button-container {
  position: relative;
  right: -35rem;
  top: -18rem;
}

```

but it doesn't behave the same way as

```auto
<Teleport v-if="mounted" to="#app-bar-actions">

```

1. If I don't add any style it appears at the bottom left corner instead of right
2. Because I use coordinates, my button doesn't move according when window is resized.

How can I anchor my button to the top right corner?  
How can I assign readable id to the ui\_group?

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [28 January 2025 10:24 UTC](https://discourse.nodered.org/t/assign-id-to-group/94956/2 "2025-01-28T10:24:46Z")

</div>

If you haven't find this yet, it may help to figure out. [How to add icon to card header. Dashboard 2](https://discourse.nodered.org/t/how-to-add-icon-to-card-header-dashboard-2/93731)

---

<div class="post-metadata">

### Author: ![KarolisL](https://avatars.discourse-cdn.com/v4/letter/k/a4c791/32.png) [@KarolisL](https://discourse.nodered.org/u/KarolisL)
#### Post date: [28 January 2025 10:37 UTC](https://discourse.nodered.org/t/assign-id-to-group/94956/3 "2025-01-28T10:37:48Z")

</div>

Looks promising, will definitely take a deeper look. I saw it before, but forgot to bookmark so missed it while going through notes

---

<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: [11 February 2025 10:37 UTC](https://discourse.nodered.org/t/assign-id-to-group/94956/4 "2025-02-11T10:37:54Z")

</div>

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