# UI Template why did not show data **URL:** https://discourse.nodered.org/t/ui-template-why-did-not-show-data/31815 **Category:** Dashboard **Created:** [21 August 2020 08:22 UTC](https://discourse.nodered.org/t/ui-template-why-did-not-show-data/31815 "2020-08-21T08:22:05Z") **Posts on this page:** 13 **Page:** 1
### Author: ![chawana](https://avatars.discourse-cdn.com/v4/letter/c/ecccb3/32.png) [@chawana](https://discourse.nodered.org/u/chawana) #### Post date: [21 August 2020 08:22 UTC](https://discourse.nodered.org/t/ui-template-why-did-not-show-data/31815/1 "2020-08-21T08:22:06Z")
Please help me to slove dashboard not show details as UI Template Thanks..... ```auto [{"id":"bd597e9e.e430e","type":"tab","label":"Flow 2","disabled":false,"info":""},{"id":"e1d79532.e184a8","type":"inject","z":"bd597e9e.e430e","name":"","props":[{"p":"payload"}],"repeat":"3","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"155","payloadType":"num","x":310,"y":200,"wires":[["20468be.1356674"]]},{"id":"20468be.1356674","type":"template","z":"bd597e9e.e430e","name":"cv","field":"template","fieldType":"msg","format":"html","syntax":"mustache","template":"\n\n \n Arduino Two Temperatures\n \n \n \n \n\n \n\t\t
\n\t\t\n \n\t\t
\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t
\n\t\n\t\n\n\n","output":"str","x":490,"y":200,"wires":[["2fa49b99.be8b54"]]},{"id":"2fa49b99.be8b54","type":"ui_template","z":"bd597e9e.e430e","group":"48190cbf.587d84","name":"reds","order":3,"width":0,"height":0,"format":"","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":false,"templateScope":"local","x":630,"y":200,"wires":[[]]},{"id":"48190cbf.587d84","type":"ui_group","z":"","name":"Default","tab":"711389cf.7d4e18","order":1,"disp":true,"width":"25","collapse":false},{"id":"711389cf.7d4e18","type":"ui_tab","z":"","name":"Home1","icon":"dashboard","disabled":false,"hidden":false}] ``` ---
### Author: ![tymarbut](https://avatars.discourse-cdn.com/v4/letter/t/e5b9ba/32.png) [@tymarbut](https://discourse.nodered.org/u/tymarbut) #### Post date: [21 August 2020 08:41 UTC](https://discourse.nodered.org/t/ui-template-why-did-not-show-data/31815/2 "2020-08-21T08:41:31Z")
I'm not sure what the deal is, but my NR doesn't like that JSON for some reason. I even deleted the part it was complaining about and re-typed it, and still couldn't get it to import. ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/4/5448eb816db2f8467185ca1bdfa5556c971f5a91.png) I assume this isn't the root cause of your problem. Maybe put it in code/"Preformatted text" mode and it will go through correctly? ---
### Author: ![chawana](https://avatars.discourse-cdn.com/v4/letter/c/ecccb3/32.png) [@chawana](https://discourse.nodered.org/u/chawana) #### Post date: [21 August 2020 08:45 UTC](https://discourse.nodered.org/t/ui-template-why-did-not-show-data/31815/3 "2020-08-21T08:45:03Z")
Thanks. tymarbut try my code again [{"id":"bd597e9e.e430e","type":"tab","label":"Flow 2","disabled":false,"info":""},{"id":"e1d79532.e184a8","type":"inject","z":"bd597e9e.e430e","name":"","props":[{"p":"payload"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"155","payloadType":"num","x":310,"y":200,"wires":[["20468be.1356674"]]},{"id":"20468be.1356674","type":"template","z":"bd597e9e.e430e","name":"cv","field":"template","fieldType":"msg","format":"html","syntax":"mustache","template":"\n\n \n Arduino Two Temperatures\n \n \n \n \n\n \\n\t\t\
\n\t\t\\n \\n\t\t \n\t\t\\n\t\t\\n\t\t\\n\t\t\\n\t\t\\n\t\t\n\t\n\t\n\n\n","output":"str","x":470,"y":200,"wires":[["2fa49b99.be8b54","87ae9adf.09e488"]]},{"id":"2fa49b99.be8b54","type":"ui\_template","z":"bd597e9e.e430e","group":"48190cbf.587d84","name":"reds","order":3,"width":0,"height":0,"format":"","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":false,"templateScope":"local","x":630,"y":200,"wires":[]},{"id":"87ae9adf.09e488","type":"debug","z":"bd597e9e.e430e","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","statusVal":"","statusType":"auto","x":680,"y":100,"wires":},{"id":"48190cbf.587d84","type":"ui\_group","z":"","name":"Default","tab":"711389cf.7d4e18","order":1,"disp":true,"width":"25","collapse":false},{"id":"711389cf.7d4e18","type":"ui\_tab","z":"","name":"Home1","icon":"dashboard","disabled":false,"hidden":false}] ---
### Author: ![tymarbut](https://avatars.discourse-cdn.com/v4/letter/t/e5b9ba/32.png) [@tymarbut](https://discourse.nodered.org/u/tymarbut) #### Post date: [21 August 2020 08:47 UTC](https://discourse.nodered.org/t/ui-template-why-did-not-show-data/31815/4 "2020-08-21T08:47:11Z")
You need to highlight all the code and click the little button that looks like \ at the top of the composer box. ---
### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay) #### Post date: [21 August 2020 08:55 UTC](https://discourse.nodered.org/t/ui-template-why-did-not-show-data/31815/5 "2020-08-21T08:55:54Z")
> [@How to share code or flow json](https://discourse.nodered.org/t/how-to-share-code-or-flow-json/506): > > To share code samples or flow json in this forum, you need to take care to format it properly so that it is displayed correctly. The easiest way to do that is to click the 'Preformatted Text' button in the toolbar: [image] Then paste in your code or flow json. You should end up with three back-tick characters - ``` - on their own line before and after the code. On standard US English keyboards, this is on the same key as the ~ character. Using the backticks will ens… ---
### 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: [21 August 2020 09:02 UTC](https://discourse.nodered.org/t/ui-template-why-did-not-show-data/31815/6 "2020-08-21T09:02:28Z")
I didn't see Dave's post in time, I was just about to say the same thing, and that I have edited the post so that it should now be importable. ---
### Author: ![tymarbut](https://avatars.discourse-cdn.com/v4/letter/t/e5b9ba/32.png) [@tymarbut](https://discourse.nodered.org/u/tymarbut) #### Post date: [21 August 2020 09:05 UTC](https://discourse.nodered.org/t/ui-template-why-did-not-show-data/31815/7 "2020-08-21T09:05:52Z")
Ah! I can import it now. @chawana, I believe the reason is that you don't have anything inside the template node. Just swap out your UI template node for a new one with the default text inside it, and then replace "payload" with "template" in the default text (since that's what you're calling the code you set up in the template node). Or put this in there (the default, with "template" in place of "payload"): `
` inside the UI template. Of course, I wasn't able to see the gauge you're making, but I'm not plugged into your Arduino 😉 ---
### Author: ![chawana](https://avatars.discourse-cdn.com/v4/letter/c/ecccb3/32.png) [@chawana](https://discourse.nodered.org/u/chawana) #### Post date: [21 August 2020 09:12 UTC](https://discourse.nodered.org/t/ui-template-why-did-not-show-data/31815/8 "2020-08-21T09:12:42Z")
tymarbut thanks.. after change but still not working ,please send back you code?after you fix it ---
### Author: ![tymarbut](https://avatars.discourse-cdn.com/v4/letter/t/e5b9ba/32.png) [@tymarbut](https://discourse.nodered.org/u/tymarbut) #### Post date: [21 August 2020 09:26 UTC](https://discourse.nodered.org/t/ui-template-why-did-not-show-data/31815/9 "2020-08-21T09:26:17Z")
Well... I'm sorry to tell you that I don't think I "fixed it" per se - I can just see that the template node isn't set up to show anything. So it'll be blank until you give it some sort of input, like it's set up to take by default. Somehow, your msg.template needs to be mentioned in the UI template node. ---
### 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: [21 August 2020 11:10 UTC](https://discourse.nodered.org/t/ui-template-why-did-not-show-data/31815/10 "2020-08-21T11:10:24Z")
@chawana The reason you are not seeing anything is that the ui\_template node works within tehdashboards framework. i.e. you are not building a complete web page but just a chunk of the webpage the dashboard builds. (@dceejay could explain this better) So instead of trying to build a complete new web page why not see if the tools that NR provides can solve your issue? With that in mind, it looks like you want to display a series of guages. If that is the case, why not use a number of ui\_guage nodes? If that is not the case, what do you want to show on the dashboard? ---
### Author: ![chawana](https://avatars.discourse-cdn.com/v4/letter/c/ecccb3/32.png) [@chawana](https://discourse.nodered.org/u/chawana) #### Post date: [24 August 2020 06:18 UTC](https://discourse.nodered.org/t/ui-template-why-did-not-show-data/31815/11 "2020-08-24T06:18:28Z")
@ zenofmud i want to show my custom gauges in template in dashboard ---
### 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: [24 August 2020 11:36 UTC](https://discourse.nodered.org/t/ui-template-why-did-not-show-data/31815/12 "2020-08-24T11:36:53Z")
You are building an entire web in the template node. That is not what the dashboard does. You could try creating an http endpoint. Look thru the cookbook for examples [https://cookbook.nodered.org/#http-endpoints:](https://cookbook.nodered.org/#http-endpoints:) ---
### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system) #### Post date: [23 September 2020 11:37 UTC](https://discourse.nodered.org/t/ui-template-why-did-not-show-data/31815/13 "2020-09-23T11:37:00Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.