Assign id to group

Dashboard
1

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

image
image643Ă—299 9.94 KB

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

  <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

<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?

2

If you haven't find this yet, it may help to figure out. How to add icon to card header. Dashboard 2

1 Like
3

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

1 Like