# Source text ui dashboard

**URL:** https://discourse.nodered.org/t/source-text-ui-dashboard/71663
**Category:** General
**Created:** [4 December 2022 11:20 UTC](https://discourse.nodered.org/t/source-text-ui-dashboard/71663 "2022-12-04T11:20:50Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![denissanga](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/denissanga/32/48346_2.png) [@denissanga](https://discourse.nodered.org/u/denissanga)
#### Post date: [4 December 2022 11:20 UTC](https://discourse.nodered.org/t/source-text-ui-dashboard/71663/1 "2022-12-04T11:20:50Z")

</div>

Hi all I would like create a source text input in dashboard and it propose automatically the solution. This is possible? Many thanks in advance

---

<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: [4 December 2022 14:13 UTC](https://discourse.nodered.org/t/source-text-ui-dashboard/71663/2 "2022-12-04T14:13:52Z")

</div>

Sorry, not clear what you are asking for. Could you expand please?

---

<div class="post-metadata">

### Author: ![denissanga](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/denissanga/32/48346_2.png) [@denissanga](https://discourse.nodered.org/u/denissanga)
#### Post date: [5 December 2022 07:34 UTC](https://discourse.nodered.org/t/source-text-ui-dashboard/71663/3 "2022-12-05T07:34:50Z")

</div>

I would like create a text input as in the picture.  
First search input maybe represent the client numeber, the second represents the client name e so on.  
When operator start digit character in one text input, automatically a dropdown show the possible solutions and when operator select a option automatically the second text input and so on take the correct value. For the list I have some arrays: one for client number one for name of clients and so on and if operator select, for example, the fifth input, automatically the second and other text input take the fifth element of their reference array (client name, and so on). The same if operator prefer to source in the client name or in the other source text input

many many thanks  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/e/9e239e4770f32470cc9b8344b53fed9cee30626f.png)

---

<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: [5 December 2022 09:23 UTC](https://discourse.nodered.org/t/source-text-ui-dashboard/71663/4 "2022-12-05T09:23:14Z")

</div>

And do you need/want to use the node-red Dashboard for other elements or are you happy developing the front-end yourself? (e.g. to use Dashboard or uibuilder respectively).

---

<div class="post-metadata">

### Author: ![denissanga](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/denissanga/32/48346_2.png) [@denissanga](https://discourse.nodered.org/u/denissanga)
#### Post date: [5 December 2022 12:03 UTC](https://discourse.nodered.org/t/source-text-ui-dashboard/71663/5 "2022-12-05T12:03:16Z")

</div>

in node red dashboard if it is possible

---

<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: [5 December 2022 16:07 UTC](https://discourse.nodered.org/t/source-text-ui-dashboard/71663/6 "2022-12-05T16:07:42Z")

</div>

I don't do anything complex in Dashboard I'm afraid so I can't help directly other than to say that it probably just needs some custom CSS applied to the text input node's output. Or you could code it yourself via the ui\_template node.

---

<div class="post-metadata">

### Author: ![hugobox](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hugobox/32/2948_2.png) [@hugobox](https://discourse.nodered.org/u/hugobox)
#### Post date: [5 December 2022 16:48 UTC](https://discourse.nodered.org/t/source-text-ui-dashboard/71663/7 "2022-12-05T16:48:32Z")

</div>

Maybe you could achieve what you need with this autocomplete dropdown template?  
[https://flows.nodered.org/flow/481cf035c2dbd5543e00ae94513e9ed6](https://flows.nodered.org/flow/481cf035c2dbd5543e00ae94513e9ed6)

---

<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: [3 February 2023 16:49 UTC](https://discourse.nodered.org/t/source-text-ui-dashboard/71663/8 "2023-02-03T16:49:30Z")

</div>

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