# Uibuilder template doesn't work

**URL:** https://discourse.nodered.org/t/uibuilder-template-doesnt-work/64358
**Category:** Dashboard
**Tags:** docker, uibuilder
**Created:** [25 June 2022 12:25 UTC](https://discourse.nodered.org/t/uibuilder-template-doesnt-work/64358 "2022-06-25T12:25:19Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![malkem](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/malkem/32/63825_2.png) [@malkem](https://discourse.nodered.org/u/malkem)
#### Post date: [25 June 2022 12:25 UTC](https://discourse.nodered.org/t/uibuilder-template-doesnt-work/64358/1 "2022-06-25T12:25:20Z")

</div>

Hi fellas,

sorry if my question was already asked. But i couldn't find anything regarding my issue.

I'm running node-red in a docker and I wanted to build my own custom dashboard without using the common buttons and input nodes. Therefore I've installed the **uibuilder**. The template I choosed is  
**VueJS and bootstrap-vue**

I've installed the following libraries

1. [**bootstrap**], 4.6.1  
URL to use: "../uibuilder/vendor/bootstrap/dist/js/bootstrap.js"

2. [**bootstrap-vue**], 2.22.0  
URL to use: "../uibuilder/vendor/bootstrap-vue/./dist/bootstrap-vue.common.js"

3. [**cloak**], 1.0.0  
URL to use: "../uibuilder/vendor/cloak/index.js"

4. [**svelte**], 3.48.0  
URL to use: `../uibuilder/vendor/svelte/index`

5. [**vue**], 3.2.37  
URL to use: `../uibuilder/vendor/vue/dist/vue.global.js`

But if I try to load the dashboard example its showing nothing, just a empty site.  
If I comment out the `[v-cloak] { display: none; }` in the **index.css** it seems to work, but anyway it shows than everywhere the msg-input field **{{msg....}}**

My guess is, that this has something to do with the index.js can not be loaded?  
Someone faced that issue too?

---

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [25 June 2022 14:15 UTC](https://discourse.nodered.org/t/uibuilder-template-doesnt-work/64358/2 "2022-06-25T14:15:34Z")

</div>

> [@malkem](#):
>
> [**svelte**], 3.48.0

You don't need that, it is a different framework.

> [@malkem](#):
>
> [**vue**], 3.2.37

Bootstrap-vue only works with vue v2. You can install that via uibuilder's library tab, simply add a new entry for `vue@2` and it will replace Vue v3.

You also don't actually need to install bootstrap since bootstrap-vue does that for you. But it doesn't harm anything.

---

<div class="post-metadata">

### Author: ![malkem](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/malkem/32/63825_2.png) [@malkem](https://discourse.nodered.org/u/malkem)
#### Post date: [25 June 2022 19:43 UTC](https://discourse.nodered.org/t/uibuilder-template-doesnt-work/64358/3 "2022-06-25T19:43:03Z")

</div>

Hello!

Thanks for the fast reply! I just installed the vue v2 and dropped the other libraries. It works now!  
Love it. Thanks for your time and help! 🙂

---

<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: [9 July 2022 19:43 UTC](https://discourse.nodered.org/t/uibuilder-template-doesnt-work/64358/4 "2022-07-09T19:43:08Z")

</div>

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