# How to send msg.payload inside Dashboard Template with vuetify

**URL:** <https://discourse.nodered.org/t/how-to-send-msg-payload-inside-dashboard-template-with-vuetify/84631>\
**Category:** Dashboard\
**Tags:** node-red-dashboard\
**Created:** [17 January 2024 07:55 UTC](https://discourse.nodered.org/t/how-to-send-msg-payload-inside-dashboard-template-with-vuetify/84631 "2024-01-17T07:55:53Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Timo7](https://avatars.discourse-cdn.com/v4/letter/t/ed655f/32.png) [@Timo7](https://discourse.nodered.org/u/Timo7)\
**Post date:** [17 January 2024 07:55 UTC](https://discourse.nodered.org/t/how-to-send-msg-payload-inside-dashboard-template-with-vuetify/84631/1 "2024-01-17T07:55:53Z")

</div>

I have a dashboard in Node Red. I have chosen a template from vuetify, which places 3 buttons next to each other. Now I want to send a msg.payload with topic and payload when one of the buttons is pressed.  
This is my template

```auto
<template>
  <v-container>
    <v-row justify="center">
      <v-col cols="12" sm="6" md="4">
        <v-img
          src="/Bild_Cappuccino.jpg"
          style="max-width: 300px; max-height: 300px; width: 100%; object-fit: cover; object-position: center;"
          alt="Cappuccino"
        ></v-img>
      </v-col>
    </v-row>
    <v-row justify="center">
      <v-col cols="12" sm="6" md="4" class="py-2">
        <p> Kaffeestärke</p>
        <v-btn-toggle
          v-model="text"
          rounded="0"
          color="#F7F7F7"
          group
        >
          <v-btn value="left">
            Schwach
          </v-btn>
          <v-btn value="center">
            Mittel
          </v-btn>
          <v-btn value="right">
            Stark
          </v-btn>
        </v-btn-toggle>
      </v-col>
    </v-row>
  </v-container>
</template>

<script>
export default {
  data () {
    return {
      text: 'center',
      icon: 'justify',
      toggle_none: null,
      toggle_one: 0,
      toggle_exclusive: 2,
      toggle_multiple: [0, 1, 2],
    }
  },
}
</script>

```

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [17 January 2024 11:43 UTC](https://discourse.nodered.org/t/how-to-send-msg-payload-inside-dashboard-template-with-vuetify/84631/2 "2024-01-17T11:43:43Z")

</div>

Please don’t double post the same question. If no one has answered you then no one has a solution for you. While I should close this thread, I have close [the other](https://discourse.nodered.org/t/sending-msg-payload-inside-a-vuetfy-js-template/84609/2) since you have provided more information.

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [17 January 2024 11:57 UTC](https://discourse.nodered.org/t/how-to-send-msg-payload-inside-dashboard-template-with-vuetify/84631/3 "2024-01-17T11:57:39Z")

</div>

> [@Timo7](#):
>
> I have a dashboard in Node Red.

What dashboard

- `node-red-dashboard`?
- `@flowfuse/node-red-dashboard`?
- something else?

_(provide a link [from the library](https://flows.nodered.org/search?term=dashboard&type=node))_

---

<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:** [16 February 2024 11:57 UTC](https://discourse.nodered.org/t/how-to-send-msg-payload-inside-dashboard-template-with-vuetify/84631/4 "2024-02-16T11:57:41Z")

</div>

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