# Dashboard 2 widget in template not using space available

**URL:** <https://discourse.nodered.org/t/dashboard-2-widget-in-template-not-using-space-available/85919>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [26 February 2024 11:29 UTC](https://discourse.nodered.org/t/dashboard-2-widget-in-template-not-using-space-available/85919 "2024-02-26T11:29:07Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [26 February 2024 11:29 UTC](https://discourse.nodered.org/t/dashboard-2-widget-in-template-not-using-space-available/85919/1 "2024-02-26T11:29:07Z")

</div>

If I have a `v-select` widget in a ui-template I find that it does not use the available space in the same way as the core Dropdown widget does.  
For example with this in the template

```auto
<template>
  <div>
    <v-select
      label="Dropdown template"
      variant="outlined"
    ></v-select>
  </div>
</template>

```

and a default Dropdown widget, both sized 6x1 I see this

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

Am I missing a class or something? I have tried to work it out by inspecting and comparing the DOM but my skills and knowledge are insufficient to work it out.

---

<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:** [26 February 2024 12:03 UTC](https://discourse.nodered.org/t/dashboard-2-widget-in-template-not-using-space-available/85919/2 "2024-02-26T12:03:28Z")

</div>

Here's the trick

```auto
<v-select hide-details label="Dropdown template" variant="outlined"></v-select>

```

`hide-details`

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [26 February 2024 13:31 UTC](https://discourse.nodered.org/t/dashboard-2-widget-in-template-not-using-space-available/85919/3 "2024-02-26T13:31:02Z")

</div>

Excellent, thanks. It had not occurred to me that it was a v-select specific issue

---

<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 March 2024 13:31 UTC](https://discourse.nodered.org/t/dashboard-2-widget-in-template-not-using-space-available/85919/4 "2024-03-11T13:31:05Z")

</div>

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